Question

我正在为客户开设网页，并为他们创建了移动响应版。

我加载了我的服务＆＃39;服务＆＃39;页面，页面右侧有一个间隙的眼睛。奇怪，因为它使用与所有其他页面相同的CSS，它们都以100％的宽度显示。

经测试的设备： iPhone 4 - Chrome，Safari iPhone 5 - Chrome，Safari

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

此外，我使用Safari开发人员工具对其进行了测试并检查了该页面。似乎来自get的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>";
  }
?>

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

1 个答案: