電腦網(wǎng)站的對應屏幕通常都很寬，頁(yè)面的負荷會(huì )比較大，網(wǎng)頁(yè)的內容豐富，在不思考互聯(lián)網(wǎng)流量問(wèn)題的情況下打開(kāi)電腦網(wǎng)站。手機網(wǎng)站對應手機屏幕的寬度通常相對較小，可以顯示圖片不夠大，頁(yè)面的內容也是有限的。通?？梢燥@示更多的文字，以及動(dòng)態(tài)效果等無(wú)法顯示。倘若互聯(lián)網(wǎng)訪(fǎng)問(wèn)速度相當慢，然而很消耗流量，要在wifi環(huán)境下打開(kāi)，計算機網(wǎng)站的建設可以放置更多的內容，但相對服務(wù)器更寬松，而移動(dòng)網(wǎng)站在建設中需要注意的規則太多。

隨著(zhù)h5的出現廣泛應用，可以創(chuàng )建移動(dòng)端應用，通俗講就是手機網(wǎng)站。望文生義手機網(wǎng)站就是能在手機上可以正常訪(fǎng)問(wèn)的網(wǎng)站。只要能在電腦上瀏覽的網(wǎng)站，都能夠在手機上面瀏覽。手機打開(kāi)普通網(wǎng)站時(shí)，需要進(jìn)行觸摸縮放才可以看清楚網(wǎng)站里的文字。在手機上瀏覽普通網(wǎng)站時(shí)，手機瀏覽器會(huì )將網(wǎng)站進(jìn)行等比縮放，打開(kāi)時(shí)使寬度正好占到屏幕的滿(mǎn)屏。試著(zhù)想想把網(wǎng)站縮小到寬度后會(huì )是怎么樣的情景，文字會(huì )相當十分小，倘若不放大的話(huà)，而手機網(wǎng)站則可以滿(mǎn)足各種手機的屏幕尺寸要求。

針對大屏幕的網(wǎng)頁(yè)制作，設計網(wǎng)站的時(shí)候要依據主流屏幕的大小來(lái)進(jìn)行設計，這樣的頁(yè)面寬度就是要設計成寬度為1200作用的寬度能夠適用大部分的互聯(lián)網(wǎng)閱讀者，針對手機網(wǎng)站等網(wǎng)站的頁(yè)面設計就要進(jìn)行單獨的設計，設計成網(wǎng)頁(yè)自適應的效果，還可以使用網(wǎng)頁(yè)的百分比的方式來(lái)解決各種屏幕尺寸不一樣的問(wèn)題，頁(yè)面對應的圖片的百分比就要進(jìn)行平均分配，在進(jìn)行網(wǎng)站設計的時(shí)候只要保證每個(gè)網(wǎng)頁(yè)標簽是左對齊或者右對齊就行。

人們手機屏幕的大小是不一樣的，然而轉換方式就是兩種，因此網(wǎng)站是不可以通過(guò)固定的像素寬度進(jìn)行設置的，盡量使用百分比，或是相對寬度也可以，這樣就可以適應屏幕規格了。除了pc的更新?lián)Q代比較快，手機那是更快了。有些手機廠(chǎng)家已經(jīng)有大屏了，因此設計手機網(wǎng)站中頁(yè)面屏幕的寬度問(wèn)題是一個(gè)務(wù)必更得上時(shí)代，因此響應式會(huì )成為未來(lái)的主流，這是必然的趨勢。在設計過(guò)程中一定要注意網(wǎng)站的寬度問(wèn)題和度圖片的大小，并且要思考手機屏幕的大小，倘若網(wǎng)站的內容確實(shí)比較多，可以多分幾頁(yè)。