小編給大家分享一下小程序中css樣式media標(biāo)簽的用法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制網(wǎng)站建設(shè)服務(wù),專注于成都企業(yè)網(wǎng)站定制,高端網(wǎng)頁制作,對木托盤等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計,網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站營銷優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

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

前言：

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

在css中我們使用media標(biāo)簽來區(qū)分調(diào)用哪個css樣式，比如使用media=”print”來表示當(dāng)執(zhí)行打印文檔時，使用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)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
            
            
                        

            分享文章：小程序中css樣式media標(biāo)簽的用法            

            地址分享：http://weahome.cn/article/psedej.html