エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
モバイル端末の適応:remレイアウトの戦略 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
モバイル端末の適応:remレイアウトの戦略 - Qiita
背景 携帯の画面では、画面サイズが異なるため、通常のpxをレイアウト単位として使用すると、異なる画面... 背景 携帯の画面では、画面サイズが異なるため、通常のpxをレイアウト単位として使用すると、異なる画面で予期しない表示効果が生じる可能性があります。 例 ブラウザのモバイルモニターで、iPhoneSEを使って、画面の文字列 "www..." は、、行全体をきちんと埋めることができます。 そして、iPhone14 Proに切り替えると、文字列の後には明らかな空白が生じることがわかります。 ソースコードは下記になります function Index() { return ( <div className="page page-home" style={{fontSize:'16px'}}> wwwwwwwwwwwwwwwwwwwwwwwwwwwww </div> ) } 解決案 remレイアウト 入口のJSファイルに次のコードを追加すると、rem単位を使用し、iPhone SEの画面サイズ(37