純CSS無表示式實現圖片等比縮放（轉載）

flyingfishzxf發表於2016-07-09
CSS
<style>
    .box{
        width: 300px;
        height: 300px;
        text-align: center;
        border: 1px solid #ccc;
    }
    .box img{
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
</style>

.box 是圖片標籤外的 div 標籤
img 是 div 內的圖片標籤

相關文章