カテゴリー: CSS

スマホで横スクロールが発生してしまうときの対策

html * {
	box-sizing: border-box;
}

transition: all 0.1s;

通常であれば「右クリック→ソースの表示→CSSリンクをクリックして再読み込み」
web制作中に何度もやらなければならないのはうっとうしい

解決策

<link rel='stylesheet' href='./style.css?t=<?php echo $_SERVER['REQUEST_TIME']; ?>' type='text/css' media='all' />

cssファイル名にGET変数としてUNIX時刻を付加することで、秒単位で別ファイルとして読み込まれるので、変更更新が随時反映される。