css如何让图片自适应屏幕大小

2023-05-19 知识 247阅读 投稿:青灵氏

css如何让图片自适应屏幕大小

本教程操作环境:windows10系统、css3,本文适用于所有品牌的电脑。

如果想让图片自适应屏幕的大小,那么在css代码里加入如下代码即可

(学习视频分享:java视频教程)

img {height: auto; width: auto9; width:100%;}

用max-width设置,如果图片尺寸大于当前浏览器尺寸就自动缩放,图片的高度设置正比缩放。

height:auto,相关元素的高度取决于浏览器。

代码如下:

<img src="..." class="img-responsive" alt="响应式图像">

如果只想改特定的图片

.img-responsive {  display: inline-block;  height: auto;  max-width: 100%;}

相关推荐:CSS教程

标签:
声明:问客百答所有(内容)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系我们将尽快删除