缩小了iPad上的CSS背景

时间:2012-08-13 11:26:53

标签: html css ipad mobile-safari

为什么此网站link上的正文标记背景会在iPad上缩小?

2 个答案:

答案 0 :(得分:1)

Mobile Safari倾向于缩放大型背景图像。为避免这种情况,您可以设置背景尺寸:http://www.css3.info/preview/background-size/

答案 1 :(得分:0)

你绝对应该为iPad创建一个单独的样式表。您可以使用以下命令:

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" />

在此链接上,您可以找到有关您的网站在iPad上的方向以及如何处理它的信息。

我的建议是,为您的网站的iPad版本创建一个单独的样式表(css文件),无论您做什么,您都应该创建它并添加如上所示的链接标记。

如果你有iPad版的大背景图片,你可以减少它以适应iPad,如果这是你遇到的唯一问题。我会说你应该将图像的大小减小到1024px并在iPad的单独样式表中声明它,你会看到最终的结果。

顺便说一句,你也应该阅读这篇文章:http://www.inspiredm.com/2010/02/09/ipad-design/