レスポンシブデザインにおけるテキストのコントロール

全2回

モバイルデバイスの登場により、Webサイトがさまざまな画面幅で表示されるようになりました。どんなデバイスでも意図通りにテキストが表示されるようにコントロールしましょう。折り返しの制御を怠るとレイアウトの崩れの原因にもつながります。

後編 英単語の折り返しを制御する

モバイルデバイスの普及により、狭い画面幅が一般的になりました。このとき、折り返しの制御を怠るとレイアウトの崩れの原因にもつながってしまいます。今回は英単語や数字、URLの折り返しをコントロールする方法を紹介します。また、コンテンツ幅に応じたセンタリングと左寄せの自動切り替えにも触れます。

前編 テキストの折り返しを制御する

モバイルデバイスの登場により、Webサイトがさまざまな画面幅で表示されるようになりました。どんなデバイスで表示しても、意図通りにテキストが表示されるようにコントロールするにはどのような方法があるか、ピクセルグリッドとCodeGridのリニューアル作業を例に解説します。