苹果设备是否忽略CSS @viewport定义？

我想找到一种方法来为不同的设备设置不同的视口初始缩放比例。据我所知，没有办法使用元视口标签来做到这一点 - 我还没有找到一种方法来结合媒体查询使用它。苹果设备是否忽略CSS @viewport定义？

我希望CSS @viewport可以提供一个解决方案，但我一直在尝试它无济于事。我在我的HTML头部使用了以下代码：

<style> 
@viewport {zoom:.44;}        
</style>

但是发现它对iphone或ipad都没有影响。如果没有视口定义，两台设备都会以与他们相同的方式呈现页面。苹果设备是否忽略@viewport定义？我有与宽度声明类似的结果。有没有其他方法可以使器件敏感的初始刻度定义？

来源

2015-04-06 Jonathan Basile

[MDN的页面（https://developer.mozilla.org/en-US/docs/指定Web/CSS/@ viewport）表示，Safari和Safari移动不支持@viewport。这是否回答你的问题？ – 2015-04-06 13:57:02

它回答其中的一个。例如，我很想知道是否有任何方法为iphone和ipad指定不同的视口定义。我试过使用宽度=设备宽度的元视口标签，但得到了非常不稳定的结果 – 2015-04-06 14:04:41

得到它在Safari工作，你需要在meta标签

<meta name="viewport" content="width=device-width" />

来源

2015-04-06 14:02:19

嘿Stephen P.，我试过使用它，但我得到了奇怪的结果 - 在iPhone上，页面放大得太多并切断边缘 – 2015-04-06 14:05:28

@JonathanBasile看起来解决方法是在元标记中定义Safari值，然后将CSS用于其他用户代理（因为Safari尚不支持该规范）。这是否适合您的用例？ http://stackoverflow.com/questions/26854011/how-to-scale-a-fixed-width-website-to-an-ipad-viewport – 2015-04-06 15:01:38

那么，这将适用于除了不同的苹果设备的一切 - 我希望至少为iphone/ipad指定不同的定义 – 2015-04-06 16:40:03

苹果设备是否忽略CSS @viewport定义？

回答

相关问题