请问版友,@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