0

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

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

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

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

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

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

提前致谢!

4

1 回答 1

0

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>";
  }
?>
于 2013-05-07T23:53:54.103 回答