響應(yīng)式布局這件小事-資料下載頁(yè)
2025-07-25 03:17本頁(yè)面
【正文】 ne中Safari的字號(hào)自動(dòng)調(diào)整 */html {webkittextsizeadjust： none。}/* 設(shè)置HTML5元素為塊 */article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section {display： block。}/* 設(shè)置圖片視頻等自適應(yīng)調(diào)整 */img {maxwidth： 100%。height： auto。width： auto\9。 /* ie8 */}.video embed， .video object， .video iframe {width： 100%。height： auto。}最后要注意的是在頁(yè)面的頭部head/head之間加上下面這句∶meta name=“viewport” content=“width=devicewidth。 initialscale=”meta viewport這個(gè)屬性是在移動(dòng)設(shè)備上設(shè)置原始大小顯示和是否縮放的聲明。參數(shù)設(shè)置∶width – viewport的寬度height – viewport的高度initialscale – 初始的縮放比例minimumscale – 允許用戶縮放到的最小比例maximumscale – 允許用戶縮放到的最大比例userscalable – 用戶是否可以手動(dòng)縮放最后對(duì)于在IE瀏覽器中不支持media query的情況，我們可以使用Media Query JavaScript來(lái)解決。示例：?。踚f lt IE 9］script src=“”/script ?。踖ndif］好了，響應(yīng)式布局的小事就這么多，如你有好的補(bǔ)充意見(jiàn)或不同的見(jiàn)解，可以聯(lián)系我，我們一起探討這件小事……
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1