基金会 - 5个iPhone 6网站以桌面版显示

时间:2015-07-14 10:31:37

标签: ios media-queries responsive iphone-6 zurb-foundation-5

我正在使用Foundation 5构建一个网站,但是当在iPhone 6或6+上查看时,它会显示桌面版本并且很容易理解。

然而,坚持使用移动视图的最佳方法/最佳做法是什么(iPhone 4或5)?

1 个答案:

答案 0 :(得分:1)

如果您正在使用Foundation Sass,请转到设置文件并取消注释媒体查询部分中的行:

// $small-range: (0em, 40em)

iPhone 6屏幕为23.4383em x 41.688em,iPhone 6 Plus屏幕为25.875em x 46.125em。如果您将$small-range更改为高于46.125em,则应将其保留在这些iPhone上的移动视图中。