上一篇:如何快速的將PC頁重定向到移動(dòng)頁面(一)
?
將PC頁重定向到移動(dòng)頁面(二):
二、站點(diǎn)沒有獨(dú)立的移動(dòng)站點(diǎn)
需要采用前端頁面響應(yīng)式布局,以便在不同的分辨率和設(shè)備下都可以合理的進(jìn)行頁面展示。
關(guān)于響應(yīng)式布局,關(guān)鍵的有幾點(diǎn):
使用Media Query(媒體查詢),在不同尺寸、不同設(shè)備上進(jìn)行不同展示,例如:
設(shè)置Viewport。如果沒有設(shè)置Viewport,在移動(dòng)設(shè)備上將會(huì)使用桌面版屏幕寬度渲染頁面,然后再進(jìn)行縮放以適應(yīng)屏幕。
布局方式。傳統(tǒng)的固定布局方式,無法適應(yīng)響應(yīng)式布局,建議采用柵格化布局。