iPhone CSS背景调整



我目前正在开发一个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;
}

谢谢你的帮助!

尝试使用CSS3媒体查询。媒体查询被wordpress上的大多数主题使用,因为它们可以使你的网站做出响应,并使你的背景根据浏览器的大小调整大小。以下是教程:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

最新更新