已過期
2016-06-12 15:58:30
求大神幫我解答:<link rel="stylesheet" type="text/css" media="screen and (min-width: 1240px) and (max-device-width: 2000px)" href="<gtl:url/>/UI/css/header.css" />里的:media="screen and (min-width: 1240px) and (max-device-width: 2000px)"是什么意思
4 回答

qyy2499760117_葉子
TA貢獻188條經驗 獲得超91個贊
and連接多個條件:
@media only screen and (max-width: 1068px)
僅電腦設備中的頁面最大可見區域寬度為 1068px 時顯示其定義的樣式。所以當設備寬度小于 1068px 采用 medium-6 。
@media only screen and (max-width: 735px)
僅電腦設備中的頁面最大可見區域寬度為 735px 時顯示其定義的樣式。所以當設備寬度小于 735px 采用 small-12 。
這個時候小伙版你也一定機智的想到了如果我想做一個 平板 和 手機之間的 @media 屬性怎么辦?當然有辦法了。 辦法就是:
@mediascreen ( max-width: 1068px ) and (min-width: 765px) { ?CSScode
}
@mediascreenand (max-width: 640px) and (min-width: 481px){ ?CSScode
}
添加回答
舉報
0/150
提交
取消