Html 爱奥尼亚：缩放整个应用程序（让应用程序看起来更大）

我通常会根据iPhone 5这样的屏幕大小优化我的应用程序。 当一切都完成后，我在iPhone 6或iPhone 6+等屏幕上模拟应用程序，该应用程序看起来真的很傻，因为字体、按钮等太小，所有东西看起来都不光滑

因此，我发表了以下声明：

/* iPhone 6 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
  html {
    zoom: 112% !important;
  }
}

/* iPhone 6+ */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 
  html {
    zoom: 125% !important;
  }
}

这在浏览器中非常有效，我在浏览器中模拟了iPhone6+。一切看起来都像iPhone 5上的应用程序。 但是如果我将应用程序转移到一个真实的设备或Xcode模拟器上，

zoom

指令就不再起作用了（一切似乎都没有声明

zoom

）

你知道我怎样才能实现我的目标吗？

---

非常感谢。

您是否已将和设置为

初始刻度=1

？这里是@Safari上的文档。这就是你通常在手机上控制显示的方式。你解决了这个问题吗？我也有同样的问题。实际上，用户界面是缩放的，但文本不是。。。