强制移动视图不调整内容大小

时间:2014-05-08 18:18:12

标签: html5 ipad css3 responsive-design mobile-safari

我最近为一个超低预算客户端切片PSD,我有一个奇怪的问题。当我在Ipad上查看网站时,它正在调整背景图像的大小并使其比其他所有内容都小。我注意到移动设备会调整内容的大小,以便在放大时适合小屏幕,因此我可以假设这是在这里发生的事情,并且因为正在调整大小的部分中的所有内容都有绝对位置,其他任何东西都没有与父母一起调整。我的问题是,如何强制该部分标记与背景图像不调整大小并保持不变。

该网页是www.thewildernesswalk.com/new-home.html。我已经尝试过大多数浏览器没有问题。似乎唯一的问题出在我的ipad上。

谢谢。

1 个答案:

答案 0 :(得分:0)

Mobile Safari支持背景大小。您可以通过添加:

来强制缩小尺寸

background-size: 100%;

到你的.paths班。

添加后,它应该有效......

enter image description here