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

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

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

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

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア