ipad 表示 自動 対応

PHOTO EMBED

Fri Oct 01 2021 03:14:30 GMT+0000 (Coordinated Universal Time)

Saved by @akairo0902 #vue

    <meta name="viewport" content="width=device-width">

initial-scale の設定をしないのがポイントです。CSSはBODY要素にmin-widthを指定し、スマートフォン用のメディアクエリでmin-widthを初期化します。

    body {
    	// PC用の横幅を指定
    	min-width: 1080px;
    }
    // スマートフォンのブレイクポイント
    @media screen and (max-width: 769px){
    	body {
    		// 初期化
    		min-width: initial;
    	}
    }
content_copyCOPY