我因编码问题而撞墙。我开发了一个带有大背景图片的网站,以允许滚动内容。
该页面在大多数浏览器上显示良好,但在 ipad/safari 上,此浏览器在可视区域显示完整的背景图像,而不仅仅是根据其他主要浏览器的背景图像的 native 分辨率。
重要的是我保留图像背景并允许它向下滚动,因为该站点上的某些页面会很长。任何想法都会非常受欢迎!
提前致谢!
布局页面预览:http://websiteworkpreview.com/test/index_test.html
首页是index.html(供引用)-首页使用了不同的背景图片。那里没有问题...!
iPad Safari 背景错误截图:http://websiteworkpreview.com/test/2.JPG
最佳答案
Mobile Safari 在图像文件大小和一些已知限制方面存在一些问题。看看下面链接中的讨论。它显示了一个看起来与您的非常相似的示例,其中图像被垂直裁剪,以及一些关于限制的规范。尽管它引用的是使用 iPhone,但它当然也会影响 iPad,因为两者都使用 Mobile Safari。
关于css - 背景图像故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8344015/