メッセージの編集
お名前
本文
ガラケーを持っていないのでPCとスマホからの確認のみですが width:数値;とbox-sizing:border-box;で解決しませんか? 以下書き換えたセレクタのみ記述しています。 ■小説機能のCSS .all{ font-size:88%; text-align:center; max-width:550px; width:95%; box-sizing:border-box; margin:15px auto; padding:0;} ※.textの中の min-width:420px; max-width:550px;を消してください。 ※ width:95%;を消してpaddingで左右の余白を調節することもできます。 ■子ページのCSS #all{ font-size:100%; margin: 0 auto; max-width: 550px; width:95%; box-sizing:border-box; border:5px solid #000000;} メディアクエリを使うならこのようにしてください。 ■小説機能のCSS .all{ font-size:88%; text-align:center; width:95%; box-sizing:border-box; margin:15px auto; padding:0;} @media screen and (min-width: 550px){ .all{ width: 550px;}} ■子ページのCSS #all{ font-size:100%; margin: 0 auto; width: 95%; box-sizing:border-box; border:5px solid #000000;} @media screen and (min-width: 550px){ #all{ width: 550px;}} 追記 子ページのborderを、余白を確かめるために勝手に5pxに変えたんですが、直さずそのままここに書き込んでしまったことに今更気づきましたすみません。解決したみたいですのでもうご覧にならないかもしれませんが、一応お知らせだけしておきます。
編集パス
編集
記事削除
- ナノ -