离子:缩放整个应用程序(让应用程序显得更大)

时间:2017-02-18 20:01:36

标签: html ios css cordova ionic-framework

我通常会针对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;
  }
}

这在浏览器中运行良好,我可以在其中模拟iPhone 6+。一切看起来像iPhone 5上的应用程序。 但是,如果我将应用程序转移到真实设备或Xcode模拟器,zoom指令将不再起作用(似乎所有内容都没有声明zoom。)

你知道我如何实现我的目标吗? 非常感谢你。

0 个答案:

没有答案