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

Question

我正在尝试找到一种为不同设备设置不同视口初始比例的方法。据我所知，使用元视口标签无法做到这一点 - 我还没有找到一种方法将它与媒体查询结合使用。

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

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

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

Answer 1

要让它在Safari中运行，您需要在元标记中指定

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