适用于iPhone 6的视口设置。卡在设备宽度上

时间:2014-10-15 18:27:34

标签: mobile viewport

我们正在使用2x布局制作原型 - 这意味着所有内容都设计为640px,我们将在设备上以320px显示它。所以我们有:

<meta name="viewport" content="width=device-width, initial-scale=.5, user-scalable=no">

这适用于320px宽的设备,如iPhone 5,但在更宽的屏幕上,如iPhone 6和各种Android设备,它不会填满屏幕的整个宽度(因为它比320宽)。

有没有办法让元标记计算出正确的初始比例,以便填充设备的宽度?

唉,我们在自定义代码方面受到我们的原型设计工具的严格限制,但我可以使用一些自定义CSS和JS。我可以看到编写一些JS来获取设备宽度,然后进行数学计算然后生成视口标记...我可以诉诸...但希望有一种方法来默认处理它与元标记属性

0 个答案:

没有答案