OKADA LABO

[HTML][CSS]max-widthやmin-heightの解除

cssでmax-width、max-height、min-width、min-height をリセットしたいなら
initialとautoを併用する。

たとえば、こんば画像があったら

.sample-img {
max-width: 300px;
max-height: 300px;
width: auto;
height: auto;
}

これをリセットしたい時

.sample-img .uq{
max-width: initial;
max-width: auto;
max-height: initial;
max-height: auto;
}

autoはIE対応。10でもinitialは対応しえないらしい。
メディアクエリで、条件変えたりの時、重宝しそう。