我通常会针对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
。)
你知道我如何实现我的目标吗? 非常感谢你。