我正在为客户制作网页,并为他们创建移动响应版本。
我已经浏览了网站的大部分内容,但是,在加载我的“服务”页面时,页面右侧有一个令人眼花缭乱的空白。奇怪,因为它使用与所有其他页面相同的 CSS,所有页面都以 100% 的宽度显示。
测试设备: iPhone 4 - Chrome、Safari iPhone 5 - Chrome、Safari
我也用 Samsung S3 测试过这个,但在 Chrome 中似乎加载正常。
此外,我已经使用 Safari 开发人员工具对其进行了测试并检查了页面。 看起来 HTML 从一开始就不符合 100%。 我不知道如何解决这个问题!
页面是http://temp3.advisible.com.au/services
提前致谢!
最佳答案
我已经设法为将来遇到此问题的任何人解决此问题。
我使用了 Wordpress 页面选择器并更改了页面的 html 宽度。
一个困惑的解决方案,但它有效。
<?php
if (is_page('services')) {
echo "<style>
@media only screen
and (min-width : 320px)
and (max-width : 480px)
{html {width: 340px; }}
</style>";
}
?>
关于iphone - 100% 宽度在移动 webkit 上不一致 - 仅限 Apple 设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16350505/