重型PC電腦(nǎo)的(de)便攜性相對(duì)較差，移動終端、手持電腦(nǎo)和(hé)各種可(kě)穿戴設備的(de)廣泛使用(yòng)，開始使移動互聯網迅速發展。此外，随著(zhe)4G和(hé)5G技術的(de)普及和(hé)應用(yòng)，移動互聯網的(de)速度瓶頸将得(de)到有效突破，基于移動互聯網的(de)應用(yòng)也(yě)将開始爆發，因此移動互聯網必将成爲未來(lái)互聯網發展的(de)主流。

　　在移動互聯網環境下(xià)，由于顯示屏尺寸不确定，肯定會給傳統的(de)網頁設計帶來(lái)很大(dà)的(de)麻煩，因爲傳統的(de)網頁尺寸是固定的(de)，最早的(de)尺寸是800*600，随著(zhe)顯示分(fēn)辨率的(de)提升，1024*768的(de)尺寸被廣泛使用(yòng)，随著(zhe)寬帶顯示的(de)發展，現在很多(duō)網頁開始支持1400*900。

　　但是移動互聯網上多(duō)樣化(huà)的(de)終端，比如智能手表，顯示屏極小，而手機屏幕的(de)尺寸明(míng)顯不一樣，要設計出什(shén)麽規模的(de)網頁是極其困難的(de)。爲了(le)解決這(zhè)一問題，響應型網頁設計應運而生。雖然響應性網頁設計最早出現在傳統的(de)PC互聯網中，但這(zhè)種設計技術能夠很好地适應顯示屏尺寸的(de)變化(huà)，因此能夠滿足用(yòng)戶的(de)閱讀需求。

　　但是在使用(yòng)這(zhè)種響應性網頁設計手法時(shí)，需要對(duì)一些細節進行調整，這(zhè)樣可(kě)以有效提升設計效果，有助于節省設計時(shí)間。

　　爲了(le)适應不同的(de)移動終端，網頁設計要根據網頁的(de)大(dà)小和(hé)規格從小到大(dà)進行設置，這(zhè)種設置方法的(de)最佳方案是應用(yòng)百分(fēn)比法。此外，公司的(de)選擇還(hái)可(kě)以使網站在不同的(de)屏幕上靈活顯示，從而解決屏幕上字體大(dà)小等各種顯示問題。而且，通(tōng)過這(zhè)種預設設置，移動終端的(de)閱讀軟件在打開相應網頁時(shí)可(kě)以主動調整大(dà)小，直到進行全屏顯示，從而提升顯示效果。

　　CSS樣式表技巧要應用(yòng)到網頁的(de)布局上，因爲CSS樣式屬性可(kě)以設置，避免在不同手持終端上閱讀網頁時(shí)可(kě)能出現的(de)變形問題。隻要在樣式表屬性中設置顯示屬性的(de)最大(dà)值和(hé)最小值，就可(kě)以在不同的(de)屏幕上合理(lǐ)填充内容，顯示總是完美(měi)的(de)。此外，網頁上展開的(de)内容應通(tōng)過隐藏按鈕排列在網頁的(de)左右兩側。如果用(yòng)戶需要點擊這(zhè)些内容，可(kě)以觸發這(zhè)些按鈕顯示相應的(de)内容，可(kě)以使所有頁面整潔。同時(shí)，網頁上的(de)内容也(yě)會更加豐富。

　　内容演示的(de)處理(lǐ)。通(tōng)常屏幕越大(dà)，在頁面垂直方向所占的(de)空間越小。此時(shí)，如果屏幕最小，内容的(de)顯示将變得(de)更長(cháng)。這(zhè)時(shí)候就需要提前設置最長(cháng)内容占用(yòng)的(de)垂直空間，然後調整最大(dà)屏幕占用(yòng)的(de)空間，這(zhè)樣的(de)網頁内容才能在各種手持終端上合理(lǐ)顯示。