媒體查詢最大的敵人是 安卓集團中眾多的奇葩分辨率 ?簡直要人命。
?
分辨率多了以后 會讓你的工作復雜度 多了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元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
