html - 平板电脑和手机的缩放图像

标签 html css

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

谢谢。

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

最佳答案

更新

是的,你可以使用媒体查询

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

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;

  }

}

关于html - 平板电脑和手机的缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17745447/

相关文章:

python - 你如何使用 jinja2 显示 markdown 值?

html - 使可调整大小的 div 的内容响应

javascript - 显示/隐藏 jquery 点击功能

javascript - 动态/自动 Javascript 和 CSS 组合和缩小

javascript - highcharts - 热图底部不需要的空间

html - 谷歌浏览器在缩放时弄乱了导航菜单

html - 底部带有渐变边框的圆圈

html - 如何在 ionic 中创建这种类型的 View ?

javascript - 创建具有自动调整大小的文本区域

javascript - 使 Canvas 具有形状响应