ユーザー助け合い掲示板

記事 1 へのレス：
>>0 文章画面の左右余白を減らすにはどこを書き換えればよいか？
書き込まれたスタイルシートだけだと情報不足で、具体的にどこをどうすれば理想通りにできるかはちょっと分かりません……。

とりあえず、掲題の『画面の左右余白を調整する』のに影響するプロパティは基本的に以下のものとなります。
*　margin（要素の外側の余白）※1
*　padding（要素の内側の余白）※1
*　width（要素の幅）
*　max-width（要素の最大幅）※2
*　min-width（要素の最小幅）※2

━━━━━━━━━━━━━━━━━━━━
*▼（※1）の違いについて分かりやすい解説があるサイト
https://webliker.info/50549/
（paddingとmarginの違いをできる限り難しい言葉を使わず説明してみた│webliker）

*▼（※2）の違いについて分かりやすい解説があるサイト
https://saruwakakun.com/html-css/basic/max-min-width
（【CSS】max-widthとmin-widthの使い方まとめ│サルワカ）
━━━━━━━━━━━━━━━━━━━━

前出の>>0スタイルシートに書いてある限りでは左右の余白は全部 auto になっているようですので、
原因は「『width』の指定幅が画面の幅より狭すぎるせい」かもしれません。

たとえば、
・スマホの画面幅が３６０px
・文章の入っているブロック幅が２００px
だったら、文章と画面端までの間に１６０pxの余白ができてしまう……ということです。

で、『文章の左右の余白』がどこで指定されているかは……HTMLも見ないと、どのセレクタ（pとかmainとかsectionとかarticleとか…）で指定しているのか分からないです。

小説機能をお使いなら、当該のHTMLは
　●　【文章画面編集】
　●　【全体デザイン】
に書いてあるはずです。
（※【全体デザイン】の方は、編集欄に『#novel#』しか入ってなかったら無関係なので見なくてOK）

あっちこっちにwidth（幅）が指定されてる感じのデザイン？なので、どこが影響しているかは>>0だけだとまったく分かりませんね……。
（スタイルシートはあくまで一部分抜粋ですよね？ちょっとデザインが思い描けません……）

根本的な話になっちゃうんですが、『width: ...;』に「○○px」や「○○em」みたいな絶対値でのサイズ指定をすると、閲覧環境によって横スクロールが起きるなどの不都合が出たりします。

本当は「○○%」などで指定できればいいんですが、複雑そうなスタイルシートなんですよねえ……。
（今のところ、このサイズなら一般的なスマホの大概は横スクロールしないんじゃないかな？たぶん……という感じです。iPhone5・5s・SEだと幅320pxなのでおそらく横スクロールしますが）

▼幅の指定に関する過去スレ
http://bbs.alicex.jp/tag/65/
（小説の隙間│旧タグ・デザイン質問板）