背景瓷砖在iPad2上不起作用,但在其他地方都可以

时间:2011-12-28 作者:PVA

我正在开发的一个新网站在mac和pc等主流浏览器中看起来不错,但在iPad2上查看时出现了一些问题,特别是背景图片。在这个设计中,我在主页上使用了一个巨大的bg图像,其余的页面则使用了略有不同的版本。我有一个标题。php和header-2。php和标头。php具有:

 <body id="homeback"> 
和标题-2。php有

 <body id="insideback">
当我移除背景平铺时,页面的其余内容都会正常呈现;当我添加瓷砖时,它们看起来扭曲了,并创建了一种奇怪的边距。瓷砖对于内页来说是“可消耗的”,但对于主页来说却是至关重要的。

看见http://66.147.244.93/~weddioi2/ 用于正在施工的现场。我们将在主页的左栏中添加一个幻灯片来代替照片,我们仍在忙于内部页面的一些细节,但几乎完成了。

任何帮助都将不胜感激!!

1 个回复
最合适的回答,由SO网友:PVA 整理而成

事实证明,我学到了一些非常有用的东西,应该停下来把答案贴在这里。

经过大量搜索,我找到了两篇文章:http://www.teknocat.org/blog/web-dev...-scaling-quirk

链接到:

http://www.defusion.org.uk/archives/...iphone-safari/

总而言之:iPhone/Pad可以正确渲染的背景图像/图形有一个大小限制。宽度和高度可以不同,但宽度乘以高度不能超过2000001,否则浏览器会缩小图形(这就是我看到的)。我的背景图像是1800像素宽x 1200像素高(等于216万)和1800 x 1800(等于324万!)必须把它们变小。尺寸在2000000以下,真糟糕!他们很好!

结束