→ alog:viewport 07/19 02:37
→ oj113068:@ @一樓的意思是......？ 07/20 17:25
→ laxgenius:viewport 07/22 21:29
→ oj113068:不好意思二位，我知道甚麼是viewport，不過可能我還不夠 07/22 21:51
→ oj113068:了解，意思是 @media取決於viewport？ 07/22 21:52
請問版友，@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://www.ptt.cc/bbs/Web_Design/M.1405694773.A.D5F.html