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

媒體查詢

系統 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條評論
主站蜘蛛池模板: 日本一级高清片免费 | 尤物精品视频在线观看 | 性做久久久久久久 | 激情奇米 | 日韩精品视频观看 | 久re这里只有精品最新地址 | 另类图片综合 | 日本一区二区三区四区五区 | 成人xxx免费视频播放 | 中文字幕专区高清在线观看 | 国产精品videosse | 拔插拔插成人 | 一区二区网站 | 四虎影院在线免费观看 | 色人阁五月天 | 国产99在线观看 | 亚洲精品国产精品一区二区 | 日韩中文字幕在线观看视频 | 国产uv1区二区三区 国产va | 亚洲成a人片在线观看精品 亚洲成a人一区二区三区 | 午夜精品久久久久久久90蜜桃 | 精品免费视在线视频观看 | 在线播放亚洲视频 | 久久riav国产精品 | 国产福利不卡 | 91精品国产高清91久久久久久 | 欧美综合视频在线观看 | 久久久久亚洲精品影视 | 手机看片久久国产免费不卡 | 香蕉国产人午夜视频在线观看 | 四虎影片国产精品8848 | 欧美成人交tv免费观看 | 日本不卡高清免费v | 四虎最新地址 | 国产成人理在线观看视频 | 欧美精品日韩一区二区三区 | 国产一区二区日韩欧美在线 | 亚洲黄色a| 国产精品免费视频一区二区三区 | 97国产免费全部免费观看 | 色视频网站人成免费 |