在我們平時進(jìn)行網(wǎng)站設(shè)計(jì)的時候，最先要考慮的就是網(wǎng)頁的寬度，因?yàn)閜c端的屏幕都相對較寬，因此網(wǎng)頁的內(nèi)容都是比較多的，并且pc端大多都是鏈接的網(wǎng)線因而也無需過多的考慮網(wǎng)頁大小的問題。而移動端的網(wǎng)站屏幕的寬度比較小，在進(jìn)行移動端網(wǎng)站設(shè)計(jì)的時候需要優(yōu)先考慮移動端的網(wǎng)頁適配，移動端網(wǎng)站頁面的內(nèi)容通常都是非常的有限的，在放圖片的時候圖片也不能太大，css定義的有些動態(tài)效果也是無法顯示在移動端的網(wǎng)站中的。如果網(wǎng)站過大的話，移動端在訪問互聯(lián)網(wǎng)的時候訪問速度是非常的慢的，并且是很耗費(fèi)流量的。
針對一些pc端的網(wǎng)站設(shè)計(jì)，設(shè)計(jì)網(wǎng)站的時候主要是依據(jù)主流屏幕的大小來進(jìn)行設(shè)計(jì)，將網(wǎng)頁的寬度設(shè)計(jì)在1200左右就可以滿足大部分的pc端網(wǎng)站瀏覽者，而對于移動端的網(wǎng)站就需要一些獨(dú)特的設(shè)計(jì)，將pc端網(wǎng)站設(shè)計(jì)成網(wǎng)頁的自適應(yīng)效果，還可以通過網(wǎng)頁的百分比來處理各種屏幕尺寸下的網(wǎng)站頁面寬度不同的問題。
針對手機(jī)屏幕的尺寸大小不一，我們確立了兩種的移動端網(wǎng)頁轉(zhuǎn)換方式，一種是進(jìn)行百分比寬度的設(shè)計(jì)，一種是相對寬度的設(shè)計(jì)，進(jìn)行了這樣的設(shè)計(jì)就可以適應(yīng)各種規(guī)格的手機(jī)屏幕。在進(jìn)行移動端網(wǎng)站設(shè)計(jì)的時候一定要多注意網(wǎng)站的寬度問題和圖片大小的問題，必要的時候要考慮到手機(jī)屏幕的大小，如果網(wǎng)站的內(nèi)容過多可以進(jìn)行分頁加載。