DIV绝对居中图片自动缩放

0 0

<body>

    <h1><img src=""></h1>

    <div class="content"><img src=""></div>

</body>

h1，绝对浏览器top 40px，lef 40px

.content，浏览器绝对居中，睡着浏览器窗口的大小改变而居中居中

还有个就是 h1、.content里面的图片，能否睡着浏览器大小，按照比例缩放图片大小。

11 years, 2 months ago

小姐、请自重 11 years, 2 months ago

h1 { padding-top: 40px; padding-left: 40px; }
.content { width: 70%; margin: 0 auto;  }
img { max-width: 100%; height: auto; }

answered 11 years, 2 months ago

nickdd answered 11 years, 2 months ago