[問題] @media 會計入卷軸(或視窗邊框)嗎?

作者: oj113068 (橘子汁)   2014-07-18 22:46:10
請問版友,@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
作者: alog (A肉哥)   2014-07-19 02:37:00
viewport
作者: oj113068 (橘子汁)   2014-07-20 17:25:00
@ @一樓的意思是......?
作者: laxgenius (米利)   2014-07-22 21:29:00
viewport
作者: oj113068 (橘子汁)   2014-07-22 21:51:00
不好意思二位,我知道甚麼是viewport,不過可能我還不夠了解,意思是 @media取決於viewport?

Links booklink

Contact Us: admin [ a t ] ucptt.com