響應(yīng)式布局實(shí)現(xiàn)的代碼怎么寫？

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

如何寫點(diǎn)響應(yīng)式布局的代碼？

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

<body>

</body>

然后，再寫響應(yīng)式布局的適配代碼

@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)絡(luò)科技網(wǎng)站建設(shè) http://m.rare-music.com/xinwendongtai/changjianwenti/4711.html文章內(nèi)容來源于網(wǎng)絡(luò)！

TAG