css怎么让图片随屏幕变化大小-木庄网络博客

css怎么让图片随屏幕变化大小

2022-04-10 13:26:58 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

css让图片随屏幕变化大小的方法：1、利用“width height auto”属性来缩放图片；2、利用“max-width max-height”属性来设置最大宽高。

本教程操作环境：windows7系统、css3版，Dell G3电脑。

推荐：《css视频教程》

有时我们希望图片能随屏幕大小的缩放而缩放，两种情况：

单个图片缩放

图片在盒子内缩放

裸图片的缩放

<style type="text/css">
  img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
</style>
<body>
  <img src="https://i.loli.net/2018/06/17/5b2639a6e6c61.jpeg" alt="timg.jpeg" title="timg.jpeg" />
</body>