iphone - 如何仅为特定设备设置视口(viewport)？

Question

我需要设置<meta name="viewport" content="width=650" />适用于所有小于 480px 的设备(iPhone 等)。我想到的最简单的解决方案是 <meta name="viewport" content="width=650" media="only screen and (max-device-width: 480px)" />但不幸的是，元标记中不允许使用媒体属性。

问题是我不希望在 iPad 上有任何视口(viewport)声明，或者至少不希望有另一个“宽度”。

在我要实现 WURFL 并使用 PHP 排除视口(viewport)声明之前，是否有任何简单的解决方案？

Answer 1

所以我想出了这个解决方案(在 Modernizr 的帮助下):

<meta name="viewport" id="viewport" />
<script src="modernizr.js"></script>
<script>
if(Modernizr.mq("only screen and (max-device-width: 480px)")) 
   document.getElementById("viewport").setAttribute("content","width=650");
</script>