Iphone 移动webkit上的100%宽度不一致-仅限Apple设备
我正在为一个客户制作一个网页,我正在为他们创建一个移动响应版本 我已经浏览了网站的大部分内容,然而,在加载我的“服务”页面时,页面右侧出现了一个明显的缺口。奇怪,因为它使用与所有其他页面相同的CSS,所有页面都以100%全宽显示 通过以下方式测试的设备: iPhone4-Chrome,Safari iPhone 5-Chrome、Safari 我也用三星S3测试过这个,但在Chrome上似乎负载良好 此外,我还使用Safari开发工具对其进行了测试,并检查了页面。 似乎从一开始的HTML就不符合100%。 我不知道怎么解决这个问题 这一页是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就不符合
提前谢谢 我已经设法为将来有这个问题的任何人解决了这个问题 我使用了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会怎么样?我已经尝试过了,但不幸的是,这没有任何效果