cssを使用して正方形を実現
615 ワード
多くの場合、移動端の設計では、画像などの高さ幅が要求され、画像の幅は異なる移動装置によって変化し、この場合は正方形の実現が必要になる.
<style type="text/css">
div{
<span style="color:#ff0000;">width: 20%;
height: 0;
padding-top: 20%;</span>
border: 1px solid #ccc;
background: red;
}
</style>
<div/>
</code></pre>
<p> 20%， 0， padding-top padding-bottom ， 。</p>
</div>
</div>
</div>
</div>