在css中设置图片宽高适应不拉伸的方法：1.首先，创建img标签，插入图片；2.通过position属性设置fixed样式固定图片；3.使用width和height属性设置图片宽高为100%即可；
在css中设置图片宽高适应不拉伸的方法
1.首先，在页面中创建一个img标签，并插入图片；
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<style></style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>
2.图片添加好后，在css中使用position属性固定图片；
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<style>
img{
position:fixed;
}
</style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>
3.最后，图片固定好后，使用width和height属性设置图片宽高为100%即可实现图片的宽高适应不拉伸；
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<style>
img{
position:fixed;
width:100%;
height:100%;
}
</style>
</head>
<body>
<imgsrc="1.jpg">
</body>
</html>
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。