100%的宽度在移动webkit上不一致-仅限苹果设备

Question

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

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

设备测试:iPhone 4 - Chrome, SafariiPhone 5 - Chrome, Safari

我也用三星S3测试了这个，但在Chrome中它似乎加载得很好。

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

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

提前感谢!

Answer 1

我已经设法为将来遇到这个问题的任何人解决了这个问题。

我使用Wordpress页面选择器并更改了页面的html宽度。

一个混乱的解决方案，但它有效。

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