【问题标题】:Foundation - 5 iPhone 6 website being shown in desktop versionFoundation - 5 个 iPhone 6 网站以桌面版本显示
【发布时间】:2017-09-13 23:19:41
【问题描述】:

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

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

【问题讨论】:

  • 它是否在 iPhone 6/6+ 上以横向和纵向显示桌面版本?你说的很容易理解是什么意思?
  • 易于理解,因为像素密度......我的意思是我知道它为什么会这样,我想知道基金会是否提出了一些最佳实践来满足它或某种解决方法.. .
  • 明白了。希望我的回答对你有用!

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


【解决方案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 上保持在移动视图中。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多