移动设备上的视口问题答案

【问题标题】：Viewport issue on mobile devices移动设备上的视口问题
【发布时间】：2015-05-22 20:51:43
【问题描述】：

我有一个问题正在努力克服。我部署了我的网站，并注意到 Android 设备上 STOCK 浏览器的视口逻辑已损坏。同一台 Android 设备上的 Chrome 浏览器可以正常工作。此外，iphone6 工作，但 iphone5 没有。我根据屏幕宽度动态确定视口值。

我无法更改设计和布局，网站需要像现在一样居中。

有谁知道为什么在 android 股票浏览器上它不会工作，但在同一设备上的 chrome 上会？

一切都会有帮助，谢谢！

【问题讨论】：

【解决方案1】：

在不看代码的情况下提供解决方案非常困难。还是给你一个解决的建议。

只是一个想法。尝试更改 CSS 中的背景大小，如下所示：-

背景尺寸：封面；

【讨论】：

【解决方案2】：

如果主图是一个实际的 img 标签而不是背景图，你会更容易做响应式布局。您可以通过添加 CSS 来使背景图像不被裁剪：

background-size:contain;

附带说明，您需要确保 article#what-is-spaniard 中的包含元素具有百分比宽度。

编辑：据我所知，这不是浏览器的问题，只是缺少正确的代码

【讨论】：