[問題] @media 會計入卷軸(或視窗邊框)嗎?

看板Web_Design作者 (橘子汁)時間11年前 (2014/07/18 22:46), 編輯推噓0(005)
留言5則, 3人參與, 最新討論串1/1
請問版友,@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
viewport
07/19 02:37, 1F

07/20 17:25, , 2F
@ @一樓的意思是......?
07/20 17:25, 2F

07/22 21:29, , 3F
viewport
07/22 21:29, 3F

07/22 21:51, , 4F
不好意思二位,我知道甚麼是viewport,不過可能我還不夠
07/22 21:51, 4F

07/22 21:52, , 5F
了解,意思是 @media取決於viewport?
07/22 21:52, 5F
文章代碼(AID): #1JoJCrrV (Web_Design)
文章代碼(AID): #1JoJCrrV (Web_Design)