在iPad上收缩CSS背景

Question

为什么在这个网站上的标签背景link在iPad上看起来收缩？

Answer 1

移动Safari具有缩放大背景图像的倾向。为了避免你可以设置背景大小：http://www.css3.info/preview/background-size/

Answer 2

你应该为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的单独样式表中声明它，并且你会看到最终结果。

BTW你应该读这篇文章还有：http://www.inspiredm.com/2010/02/09/ipad-design/