iphone - 100% 宽度在移动 webkit 上不一致 - 仅限 Apple 设备

Question

我正在为客户制作网页，并为他们创建移动响应版本。

我已经浏览了大部分网站，但是，在加载我的“服务”页面时，页面右侧有一个令人眼花缭乱的空白。奇怪，因为它使用与所有其他页面相同的 CSS，所有页面都以 100% 的宽度显示。

测试设备：iPhone 4 - Chrome、Safari iPhone 5 - Chrome、Safari

我也用三星 S3 对此进行了测试，但在 Chrome 中它似乎加载得很好。

此外，我使用 Safari 开发人员工具对其进行了测试并检查了页面。似乎从一开始的 HTML 就不符合 100%。我不知道如何解决这个问题！

该页面是http://temp3.advisible.com.au/services

提前致谢！

Answer 1

I've managed to solve this problem for anybody who has this issue in the future.

I used a Wordpress page selector and changed the html width of the page.

A messy solution, but it works.

<?php 
if (is_page('services')) {
    echo "<style> 
                @media only screen 
                and (min-width : 320px) 
                and (max-width : 480px) 
                {html {width: 340px; }}
        </style>";
  }
?>