在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ css媒體查詢問題?

css媒體查詢問題?

@media (min-width:1200px) and (max-width:1366px) {}
@media (min-width:1367px) and (max-width:1601px) {}

這么寫對嗎
針對電腦不同分辨率?

回答
編輯回答
款爺

對的 你復(fù)制看下就知道了
<!DOCTYPE html>
<html>
<head>

<title></title>

</head>
<body>
<style type="text/css">

@media (min-width:1200px) and (max-width:1366px) {
    body{
        background: blue;
    }
}
@media (min-width:1367px) and (max-width:1601px) {
    body{
        background: red;
    }
}

</style>
</body>
</html>

2017年10月20日 04:03
編輯回答
柒喵
@media (min-width:1200px) and (max-width:1366px) {}
/* 描述的是 [1200,1366] 范圍內(nèi)的樣式 */
@media (min-width:1367px) and (max-width:1601px) {}
/* 描述的是 [1367,1601] 范圍內(nèi)的樣式 */

但是超過 1601px 的范圍內(nèi)容將于小于 1200px 的小屏幕樣式一致，這應(yīng)該不是你想要的結(jié)果
所有需要做下更改

@media (min-width:1200px) and (max-width:1366px) {}
/* 描述的是 [1200,1366] 范圍內(nèi)的樣式 */
@media (min-width:1367px) and (max-width:1601px) {}
/* 描述的是 [1367,1601] 范圍內(nèi)的樣式 */
@media (min-width:1602px) {}
/* 描述的是 超過1602 范圍內(nèi)的樣式 */
2017年1月21日 18:59