css如何改变图片大小按比例缩放

lewis 6年前 (2019-03-20) 阅读数 8 #程序编程

文章标签 css

在css中设置图片大小按比例缩放的方法：1.首先，创建img标签，插入图片；2.使用width和height属性设置图片大小按比例缩放；

在css中设置图片大小按比例缩放的方法

1.首先，在页面中创建一个img标签，并插入图片；

<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8"/>
<style></style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>

2.图片添加好后，在css中使用width和height属性设置auto样式即可实现图片大小按比例缩放；

<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8"/>
<style>
img{
width:auto;
height:auto;
}
</style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>

本文仅代表作者观点，不代表米安网络立场。

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。