hateka https://blog.hatena.ne.jp/hateka/ hateka’s blog https://hateka.hateblo.jp/ スマホサイト スマホ用サイトでは画面のサイズがいくつもあるので、 viewportを指定して自動で端末の画面サイズに合わせた表示になるようにする。 viewportはPCでいうところのウインドウサイズとは違い、コンテンツを表示する領域。詳しくは appleの解説をどうぞ。それをmetaタグに記述することでスマホで表示するときのサイズを調節できる。 こちらにサイズの算出について書かれているので参考にするといいよ！スマホサイトの作り方でよく紹介されるのは↓の指定。 <meta name="viewport" content="width=device-width, initial-scale=1.0,minim… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhateka.hateblo.jp%2Fentry%2F20121123%2F1353682616" title="スマホサイトで画面が拡大されるときの対処法 - hateka’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2012-11-23 23:56:56 rich https://hateka.hateblo.jp/entry/20121123/1353682616 1.0 100%