響應式布局實現(xiàn)的代碼怎么寫？

發(fā)布時間：2023-02-07 瀏覽：

如何寫點響應式布局的代碼？

首先，我們把里面的內(nèi)容寫出來。

<body>

</body>

然后，再寫響應式布局的適配代碼

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/<strong>* 兼容iphone4/4s */</strong>

.class{}

}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/<strong>* 兼容iphone5 */</strong>

.class{}

}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){<strong>/* 兼容iphone6 */</strong>

.class{}

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){<strong>/* 兼容iphone6 Plus */</strong>

.class{}

}

廣州騰虎網(wǎng)絡科技網(wǎng)站建設 http://www.sjseed.net/xinwendongtai/changjianwenti/4711.html文章內(nèi)容來源于網(wǎng)絡！

TAG

国产白浆流出一区二区-精品日韩欧美一区二区-亚洲欧美精品一区久久-久草精品在线播放视频