【问题标题】:Responsive website only occupying half screen in iPad portrait tablet view响应式网站在 iPad 纵向平板视图中仅占半屏
【发布时间】:2015-10-14 10:31:21
【问题描述】:

我们正在制作一个响应式网站,在客户的 iPad 上,开发网站只占用了一半的屏幕,浏览器缓存已被清除 - 见下面的截图:-

这发生在使用 Chrome 的纵向 iPad 上。

我无法复制我的结果,并且网站在每个用户代理/浏览器中都按照我们的预期显示。

您知道是什么原因导致客户端 iPad 上发生这种情况吗?

【问题讨论】:

  • 一些与此相关的代码会很好
  • 像什么?你想要所有的样式和标记吗(不,我不这么认为)?
  • 我实际上只是用一个视口修复了它...
  • stackoverflow.com/questions/11165460/… 显示了几乎完全相同的问题,但显示了代码
  • 没有指定视口,只使用了大约 20 行媒体查询(删除这些并不能解决问题)。在这种情况下,我实际上认为我无法提供任何相关的代码 sn-ps。

标签: responsive-design media-queries viewport


【解决方案1】:

我实际上是从another answer 得到的,但看到我依靠客户来确认是否有任何更改解决了问题,因为我们无法自己复制问题,因此我们发布了自己的问题...

<meta name = "viewport" content = "width=device-width; initial-scale = 1; maximum-scale=1; user-scalable = no;" />

我将留下这个问题的答案,但希望它对遇到类似问题的其他人有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-10
    • 1970-01-01
    • 2019-10-03
    • 1970-01-01
    • 1970-01-01
    • 2013-03-02
    相关资源
    最近更新 更多