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

[sivle01 (好耶，好運還沒走!)]

在下方文章中
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
推 awashharp:看起來好像只有IE10跟Opera有支援的樣子？
→ Madevil:各家瀏覽器支援度 http://caniuse.com/#search=viewport
推 EROS4:@viewport跟@media會打架 @-o-viewport是寫給Opera看的
→ sivle01:補充一下 我直接寫在meta裡是ok的 但透過@viewport才不行
→ Madevil:請跳過我上面那個推文, 沒仔細看搜到錯誤的結果
推 EROS4:你用什麼方法測試@viewport行不行？
推 awashharp:二樓貼的是單位的支援吧？並非真的@viewport
→ sivle01:後來我直接用js去控制meta的值就可以了，謝謝大家