我目前正在制作一个WordPress主题,我已经把它拿出来了。在这里运行:http://tinyurl.com/kawesnh
我正在尝试让背景中显示的图像与iPhone的Safari浏览器交叉兼容,但未能这样做:)
我想让背景滚动显示页面的内容,但是还没有找到如何执行此操作,同时还要为iPhone浏览器调整背景大小。
这是我的CSS,它在iPhone上产生了一个初看起来很漂亮的布局,但是在点击链接后调整了内容的大小,同时它在桌面浏览中产生了错误的结果:
CSS
body {
background: url(http://www.myurl.co/tq/wp-content/uploads/2013/07/TQ-Oceanside_BGtaller.jpg) no-repeat center center fixed;
background-position: center top;
background-color: #000000;
}
感谢您的帮助!
答案 0 :(得分:0)
尝试使用CSS3媒体查询。 wordpress上的大多数主题都使用媒体查询,因为它们可以使您的网站响应,并使您的背景调整为浏览器的大小。这是一个教程:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries