CSS3 transform与absolute宽度100%实例页面

回到相关文章 »

代码:

CSS代码:
.demo { position: relative; }
.container { width: 191px; height: 191px; border: 2px solid #beceeb; }
.container img {  position: absolute; height: 191px; width: 100%; }
.transform { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
                
HTML代码:
<p><strong>容器不含transform</strong></p>
<div class="container">
    <img src="mm1.jpg" />
</div>
<p><strong>容器transform</strong></p>
<div class="container transform">
    <img src="mm1.jpg" />
</div>
                

效果:

容器不含transform

容器transform