スキのコメント返信

>背景固定についてご質問頂いたユーザー様2019010219:05

お返事と温かいお言葉、ありがとうございます!

「画面いっぱいに」とのことですが、WEBサイトは閲覧する方の環境によって画面の縦横比が異なる都合上、環境によって画像が歪んでしまいます。

そのため、画像を画面ぴったりに表示する設定はオススメしておりませんので、
一番ご希望に近く、より多くの環境で画像が元の縦横比で表示されるCSSをご提案させていただきます。

.wrapper:before {
content: "";
background: url([#mi=数字:url#]);
background-size: 100%;
display: block;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
}

こちらのCSSでは、画像は横幅がぴったり画面にはまる形で表示されます。

その上で、縦横比は守られのすので、画像の歪みなどは発生しません。

ただし、スマホなどの縦長画面に合わせた画像では、PCなどの横長画面ですと画像の一部が画面外にはみ出します。

こちらはスマホ・PC間だけではなく、各スマホ端末の縦横比の若干の違いで縦幅が足りない、もしくははみ出すことはございます。

※念のため縦には繰り返し表示をするようにしておりますので、
万が一、縦幅が足りないときは、足りない部分を繰り返し表示の画像が補います


上記のCSSを、小説ページに関しては、マイテーマを作成して「CSSを編集する」に入力し、
小説ごとにそちらのマイテーマを着せてご利用下さい。

マイページも小説同様に専用のマイテーマをご用意頂くことも出来ますし、
マイページだけなら、CSSの最初を<style>、最後を</style>で囲んで、
マイページ自由入力設定に直接書くことでも変更できます。

また何かございましたら、お気軽にお問い合わせください!

2019/01/02 10:55