art2nd https://blog.hatena.ne.jp/art2nd/ 晴歩雨描 https://2ndart.hatenablog.com/ ホームページ、Web作成 スマホ・タブレット スマホは、機種によって画面の横幅のサイズが違う。ブラウザのpixelサイズも違う。 ＜ ブラウザの表示幅・ピクセル(pixel)チェック ＞ https://ok2nd.github.io/tool/html/pixel-check.html フォントサイズの指定方法には以下のものがある。 px：ピクセル(pixel)絶対値 em：親要素のfont-sizeを1とした倍率 rem：文書のルート要素のfont-sizeを1とした倍率 %：親要素のfont-sizeを基準値 vh：ビューポートの高さの% vw：ビューポートの横幅の% スマホの機種によらず、画面横幅に入る文字数を統一したい場合、「v… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F2ndart.hatenablog.com%2Fentry%2F2025%2F09%2F17%2F112330" title="CSSレスポンシブ対応）スマホの機種によらず、画面横の文字数を同じにしたければ、font-sizeにvwを使う。 - 晴歩雨描" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/art2nd/20250917/20250917105139.jpg Hatena Blog https://hatena.blog 2025-09-17 11:23:30 rich https://2ndart.hatenablog.com/entry/2025/09/17/112330 1.0 100%