Question

我注意到在我的一些网页上，当我浏览它们时，即。平板电脑或Android手机，图像看起来太大，而网站的其余部分正确缩小。在平板电脑/手机上查看时，是否有CSS属性或某些内容可以使我的图像正常缩小？

谢谢。

编辑：我在谈论使用背景图片CSS属性

Answer 1

<强>更新

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

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

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;

  }

}

Answer 2

这不是一个好的形式，但如果你将以下css添加到页面上的图像，他们将缩放

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

（但是他们仍然会将整个巨型图像下载到手机上，所以小心不要使用任何巨大的图像，如果你可以将你的图像添加到可以检测它是手机还是桌面的网站上，那么你可以将巨型图像发送到桌面，并将更小，更带电话带宽的图像发送到手机上）

平板电脑和手机的比例图像

2 个答案: