這篇文章主要介紹微信小程序中css樣式media標(biāo)簽的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供鄄城網(wǎng)站建設(shè)、鄄城做網(wǎng)站、鄄城網(wǎng)站設(shè)計(jì)、鄄城網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、鄄城企業(yè)網(wǎng)站模板建站服務(wù)，十年鄄城做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

微信小程序 基礎(chǔ)知識(shí)css樣式media標(biāo)簽

前言：

微信小程序中我遇到了一個(gè)對(duì)我來說是新的東西，但是對(duì)于前端開發(fā)來說不算是新知識(shí)，html頁面中的media標(biāo)簽，在此記錄下來以備不時(shí)之需

在css中我們使用media標(biāo)簽來區(qū)分調(diào)用哪個(gè)css樣式，比如使用media=”print”來表示當(dāng)執(zhí)行打印文檔時(shí)，使用print.css樣式。這樣使得文檔更有得于打印，如將頁面寬度增寬、或屏蔽掉一些不需要打印的內(nèi)容。

 
也有人這么搞
@media screen and (-webkit-min-device-pixel-ratio: 1.0), screen and (min--moz-device-pixel-ratio: 1.0), screen and (min-device-pixel-ratio: 1.0), screen and (min-resolution: 1.0dppx) {
  .icon-del {
background-image: url(../../resources/images/ui_3@2x.png);
background-size: 274px 228px;
display: block;
 }
}
以上是“微信小程序中css樣式media標(biāo)簽的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
            
            
                        

            網(wǎng)站欄目：微信小程序中css樣式media標(biāo)簽的示例分析            

            本文路徑：http://weahome.cn/article/jcdhej.html