veiwport  

＜head＞＜/head＞内タグに下記を記載。

<meta name="viewport" content="width=device-width, 
	initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

cssに下記を記載。スマホ レスポンシブ対応 メディアクエリ非推奨？？

@media screen and (max-width: 767px) {
/* スクリーンサイズが767px以下の場合に適用 */