页面响应在 iPhone 和一些移动设备中，只占用大约 70% 的宽度

Question

我希望任何拥有 iPhone 5/5S/6/6Plus 或任何 iPhone 的人都可以帮助解决这个问题，因为当使用任何移动网络测试仪（如 mobiletest.me）时，问题并没有显示出来，只有当你在真实手机中浏览它。这就是为什么如果没有实体 iPhone，我就无法真正排除故障。

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

从附图中可以看到（从小米红米 Note 4g 上传），页面没有占据应有的全宽。

所有黄色字段所在的中间部分将占据全宽，但只有标题和从谷歌地图开始的部分显示奇怪。

有人可以帮忙吗？

Answer 1

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

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