0

当我在 ie 上浏览它们时，我注意到在我的一些网页上。平板电脑或 Android 手机，图像似乎太大，而网站的其余部分被适当地缩小。在平板电脑/手机上查看时，是否有 CSS 属性或可以使我的图像正确缩小的东西？

谢谢你。

编辑：我说的是使用 background-image CSS 属性时

4

2 回答 2

0

更新

是的，您可以使用媒体查询

检查以下链接以开始使用。希望这可以帮助

http://mediaqueri.es/

http://css-tricks.com/css-media-queries/

示例示例

@media screen and (max-width:480px)
{
  img
  {
   background-image:url('yourimage.jpg)";
   height:50px;
   width:50px;

  }

}

@media screen and (max-width:750px)
{
  img
  {
   background-image:url('yourimage.jpg)";
   height:250px;
   width:250px;

  }

}
于 2013-07-19T11:57:12.790 回答
0

这不是很好的形式，但是如果您将以下 css 添加到页面上的图像中，它们会缩放

img.content {
   max-width: 100%;
}

（但是他们仍然会将整个巨型图像下载到手机上，因此请注意不要使用任何巨大的图像，并且如果您可以将图像添加到能够检测它是手机还是台式机的网站，那么您可以发送巨型图像图像到桌面，以及更小、对手机带宽更友好的图像）

于 2013-07-19T19:45:14.583 回答