レスポンシブ対応するためにmax-widthの指定を解除する方法

よく使うmax-widthですが、レスポンシブ対応の実装をしている時に「そういえばmax-widthを解除する方法ってどうやったっけ？」と考え込んでしまったため、調べたことをメモで残しておきます。

今回お世話になったサイトでは、widthとheightの初期値も載せてくださっていたので
ついでにそちらも載せておきます。

☆値を解除するには、そのプロパティの初期値を書いてあげます。
【widthとheightの初期値】

width: auto;
max-width: none;
min-width: auto;
height: auto;
max-height: none;
min-height: auto;

上記を確認してみると、「max-」とついているプロパティの初期値は「none」ですね。
それ以外は「auto」と覚えると良さそうです＾＾

【参考サイト】

max-width、min-width、widthの解除方法･初期値

width,max-width,min-width,height,max-height,min-heightの解除方法･初期値を解説します。

csshtml.work