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

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

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

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