html图片等比缩放
程序员文章站
2024-01-15 18:56:40
...
img不设置高度，宽度为width:100%;
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>img</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height:100%;
}
.oDiv{
width: 100%;
}
img{
display:block;
width:100%;
}
</style>
</head>
<body>
<div class="oDiv">
<img src="slide1.jpg" />
</div>
</body>
</html>