php - iPhone 和一些手机的页面响应，只占宽度的 70% 左右

Question

我希望任何拥有 iPhone 5/5S/6/6Plus 或任何 iPhone 的人都能帮助解决这个问题，因为当使用像 mobiletest.me 这样的任何移动 Web 测试器时，问题没有出现，只有当你在真实手机中浏览它。这就是为什么我没有随身携带实体 iPhone 就无法真正排除故障的原因。

示例页面: http://xpresszoom.com/u-stay-guest-house-u-express-guest-room-2/

从附图(从小米红米Note 4g上传)可以看出，页面没有占据应有的全宽。

所有黄色字段所在的中间部分将占据整个宽度，但只有标题和从 Google map 开始的部分会奇怪地显示。

有人可以帮忙吗？

Answer 1

您可以尝试在您的 style.css 上添加媒体查询 css 以及您的设备宽度和高度。

@media only screen
and (min-device-width : 320px)
and (max-device-width : 580px) {
/* Add Styles Css here */
}