四響應(yīng)式布局ResponsiveLayout隨著CSS3出現(xiàn)了媒體查詢技術(shù)，又出現(xiàn)了響應(yīng)式設(shè)計的概念響應(yīng)式設(shè)計的目標(biāo)是確保一個頁面在所有終端上各種尺寸的PC手機(jī)手表冰箱的Web瀏覽器等等都能顯示出令人滿意的效果，對CSS。

如何在手機(jī)上開發(fā)頁面和webhtml有區(qū)別嗎兩者沒有區(qū)別在手機(jī)上開發(fā)網(wǎng)頁有很多方法目前html5的發(fā)展不夠均衡，導(dǎo)致各大瀏覽器對h5的支持都不盡如人意但是它增加了@media屬性它屬于css3，這里不嚴(yán)格區(qū)分html5和css3。

缺點(diǎn)如果屏幕尺度跨度太大，那么在相對其原始設(shè)計而言過小或過大的屏幕上不能正常顯示因為寬度使用%百分比定義，但是高度和文字大小等大都是用px來固定 3響應(yīng)式布局 使用meta標(biāo)簽設(shè)置，頁面元素寬度隨窗口調(diào)整自動適配。

1響應(yīng)式圖片帶寬是手機(jī)終端的硬傷，如果我們只是頁面布局做了響應(yīng)式處理，在我們用手機(jī)訪問時，請求的圖片還是PC上的大圖文件體積大，消耗流量多，請求延時長，因此導(dǎo)致的問題也是不可估量的那么我們就得把圖片也處理成響應(yīng)式的根據(jù)終端。