CSSを変更しても、サイズが変わらない設定方法

CSSを変更しても、サイズが変わらない設定方法

自分への備忘録として、たぶん忘れてしまいそうだから。

.cssのpaddingを変更したことにより、
大きさが変更されてしまった。固定したい場合の記述。

paddingやborderの設定変えても、
要素の大きさはwidthやheightで指定したサイズのまま変更しない設定方法

app/assets/stylesheets/application.css

* {
  box-sizing: border-box;
}

上記を忘れないよにすれば、大丈夫。