作者sivle01 (好耶，好运还没走!)
看板Web_Design
标题[问题] 请问css档中使用@viewport为何无效
时间Mon Jul 22 19:21:15 2013
在下方文章中
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
1F：推 awashharp:看起来好像只有IE10跟Opera有支援的样子？ 07/22 20:50
3F：推 EROS4:@viewport跟@media会打架 @-o-viewport是写给Opera看的 07/22 21:27
4F：→ sivle01:补充一下 我直接写在meta里是ok的 但透过@viewport才不行 07/22 21:42
5F：→ Madevil:请跳过我上面那个推文, 没仔细看搜到错误的结果 07/22 22:17
6F：推 EROS4:你用什麽方法测试@viewport行不行？ 07/22 22:20
7F：推 awashharp:二楼贴的是单位的支援吧？并非真的@viewport 07/24 15:59
8F：→ sivle01:後来我直接用js去控制meta的值就可以了，谢谢大家 07/29 17:29