0

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

谢谢你的帮助！

4

1 回答 1

0

尝试使用 CSS3 媒体查询。wordpress 上的大多数主题都使用媒体查询，因为它们使您的网站具有响应性，并使您的背景调整为浏览器的大小。这是一个教程：
https ://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

于 2013-07-25T19:18:10.470 回答