ダイダロス・メモ

文月夕(もしくは悠)の覚え書きです。

*

小説本文ページのスマホ対応例

   

大きな画像等を入れていないシンプルな本文ページで、コンテンツ全体の幅をCSSのwidthまたはmax-widthで指定している場合、head要素(<head>~</head>の中)に

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

を入れるだけでスマホで読みやすくなったりします。

ただし、もともとの本文のCSSが左右の余白を指定するレイアウトの場合、むしろ読みづらくなったりするので注意!

名称未設定-1

 - スマートフォン対応