作者oj113068 (橘子汁)
看板Web_Design
标题[问题] @media 会计入卷轴吗？
时间Fri Jul 18 22:46:10 2014
请问版友，@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
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.126.168.209
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1405694773.A.D5F.html
1F：→ alog:viewport 07/19 02:37
2F：→ oj113068:@ @一楼的意思是......？ 07/20 17:25
3F：→ laxgenius:viewport 07/22 21:29
4F：→ oj113068:不好意思二位，我知道甚麽是viewport，不过可能我还不够 07/22 21:51
5F：→ oj113068:了解，意思是 @media取决於viewport？ 07/22 21:52