[問題] 請問css檔中使用@viewport為何無效

看板Web_Design作者 (好耶,好運還沒走!)時間11年前 (2013/07/22 19:21), 編輯推噓4(404)
留言8則, 4人參與, 最新討論串1/1
在下方文章中 http://ppt.cc/MSnt 有提到 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes, target-densityDpi=low-dpi"> 是等於 @viewport { width: device-width; zoom: 1.0; min-zoom: 0.5; max-zoom: 2.0; user-zoom: zoom; resolution: 120dpi; } 但實際測試,卻是無效的 Q_Q 另 http://ppt.cc/OK-U 也有提到 <meta name="viewport" content="width=320, initial-scale=0.5"> 是等於 @-o-viewport { width: 320px; zoom: 0.5; } 但也是無效 Q_Q 請問有人知道 為什麼嗎?? @viewport 和@-o-viewport 有什麼不同呢 Orz 試了二天了 拜託大家了 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.163.109.25

07/22 20:50, , 1F
看起來好像只有IE10跟Opera有支援的樣子?
07/22 20:50, 1F

07/22 21:10, , 2F
各家瀏覽器支援度 http://caniuse.com/#search=viewport
07/22 21:10, 2F

07/22 21:27, , 3F
@viewport跟@media會打架 @-o-viewport是寫給Opera看的
07/22 21:27, 3F

07/22 21:42, , 4F
補充一下 我直接寫在meta裡是ok的 但透過@viewport才不行
07/22 21:42, 4F

07/22 22:17, , 5F
請跳過我上面那個推文, 沒仔細看搜到錯誤的結果
07/22 22:17, 5F

07/22 22:20, , 6F
你用什麼方法測試@viewport行不行?
07/22 22:20, 6F

07/24 15:59, , 7F
二樓貼的是單位的支援吧?並非真的@viewport
07/24 15:59, 7F

07/29 17:29, , 8F
後來我直接用js去控制meta的值就可以了,謝謝大家
07/29 17:29, 8F
文章代碼(AID): #1HxHMkE4 (Web_Design)