請問版友,@media是否也包含卷軸的寬度?(不同瀏覽器的理解是不是也不同呢?)
我碰到的問題是,如下寫法
/*CSS*/
.menu{width: 1100px;}
@media screen and (max-width: 1100px) and (min-width: 960px) {
.menu{
width: 912px;
}
}
像這樣,依我的理解,當介面<1100px的時候,menu就應該要是912px了
但是測試的時候,火狐與Chrome卻仍是1100px
不過我這裡看的是body,不是整個視窗。
而若在火狐中,改用relizer測試,就不會有這種情況。
而relizer的右側卷軸是在算在畫面外的
Chrome的話,在視窗1100px的時候 (但body只有1067px)
menu就會是912px了
我是根據以上兩點在想@media是不是包含了卷軸,或整個視窗,而不只是指html/body ?
不知道我的理解有沒有誤?
感謝大家 :D