亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

媒體查詢

系統 2290 0

媒體查詢最大的敵人是 安卓集團中眾多的奇葩分辨率 ?簡直要人命。

?

分辨率多了以后 會讓你的工作復雜度 多了N個維度。

它的基本語法:

      
        @media screen and (max-width:800px)
      
      {

  

  

}
    

當最大寬度是800px的時候 {} 里面的代碼會生效?

當然@media 可以查詢的媒介不止 screen 一種。

這里列出了可查詢媒介類型? http://www.w3.org/TR/CSS2/media.html#media-types

?

max-width這樣的查詢術語 也有很多?

媒體查詢

      
        <
      
      
        link 
      
      
        rel
      
      
        ="stylesheet"
      
      
         media
      
      
        ="screen and (max-width: 600px)"
      
      
         href
      
      
        ="small.css"
      
      
        />  //一個css標簽 表明了媒體查詢條件。
      
    

幾個常用的 pc端媒體查詢片段 。移動端太多以至于我都沒搞懂、。。。。

      
        @media screen and (max-width: 320px) 
      
      {}
      
            



@media screen and (max-width: 640px) 
      
      {}
      
            



@media screen and (max-width: 800px) 
      
      {}
      
            



@media screen and (max-width: 1024px) 
      
      {}
    

?看一個簡單的實例 ?http://yueyao.github.io/project/css/mediequery/index.html

更改瀏覽器寬度可以看到效果。

?

?

?

?

?

媒體查詢


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 日日做日日摸夜夜爽 | 久久免费成人 | 五月中文字幕 | 天天看片夜夜爽 | 精品一区二区日本高清 | 成人激情视频在线 | 9久热这里只有精品视频在线观看 | 日韩精品亚洲人成在线观看 | 天天射天天操天天色 | 香蕉精品 | 亚洲999 | 国产91在线 | 日韩 | 曰本黄色录像 | 99久久精品毛片免费播放 | 国产毛片视频 | 不卡一区 | 天天操夜夜操狠狠操 | 久久久高清免费视频 | 黄色wwwww| 日韩精品区 | sihu永久在线播放地址 | 国产极品福利视频在线观看 | 亚洲第一中文字幕 | 中文字幕在线精品 | 在线看片黄色 | 视频在线一区二区 | 青青青国产成人久久111网站 | 亚洲不卡视频 | 精品一区二区三区的国产在线观看 | 99精品国产高清自在线看超 | 伊人22222 | 97久久国语露脸精品对白 | 亚洲黄网视频 | 亚洲精品国产高清不卡在线 | 国产在线视频福利 | 国产欧美日韩综合一区二区三区 | 香蕉看片 | 国产亚洲第一伦理第一区 | 国产永久免费爽视频在线 | 黄色成人在线视频 | 国产精品人成在线播放新网站 |