[问题] @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