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

Iphone 移动webkit上的100%宽度不一致-仅限Apple设备,iphone,html,css,mobile,mobile-webkit,Iphone,Html,Css,Mobile,Mobile Webkit,我正在为一个客户制作一个网页,我正在为他们创建一个移动响应版本 我已经浏览了网站的大部分内容,然而,在加载我的“服务”页面时,页面右侧出现了一个明显的缺口。奇怪,因为它使用与所有其他页面相同的CSS,所有页面都以100%全宽显示 通过以下方式测试的设备: iPhone4-Chrome,Safari iPhone 5-Chrome、Safari 我也用三星S3测试过这个,但在Chrome上似乎负载良好 此外,我还使用Safari开发工具对其进行了测试,并检查了页面。 似乎从一开始的HTML就不符合

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

我已经浏览了网站的大部分内容,然而,在加载我的“服务”页面时,页面右侧出现了一个明显的缺口。奇怪,因为它使用与所有其他页面相同的CSS,所有页面都以100%全宽显示

通过以下方式测试的设备: iPhone4-Chrome,Safari iPhone 5-Chrome、Safari

我也用三星S3测试过这个,但在Chrome上似乎负载良好

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

这一页是


提前谢谢

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

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

一个混乱的解决方案,但它是有效的

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


如果在视口元中添加初始比例=1会怎么样?我已经尝试过了,但不幸的是,这没有任何效果