[問題] @media 會計入卷軸(或視窗邊框)嗎?
請問版友,@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
→
07/19 02:37, , 1F
07/19 02:37, 1F
→
07/20 17:25, , 2F
07/20 17:25, 2F
→
07/22 21:29, , 3F
07/22 21:29, 3F
→
07/22 21:51, , 4F
07/22 21:51, 4F
→
07/22 21:52, , 5F
07/22 21:52, 5F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章