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

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

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

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