Switch style of ToP!!!!!!!!!!!!! picture according to device

[miyacorata]

Overview

現状の指定が

background-position : cover;
background-attachment: fixed;

である影響でモバイル端末でportraitで見ると背景がとんでもないことになるので、これをメディアクエリかなんかでどうにか解決したいところがある。

https://developer.mozilla.org/ja/docs/Web/CSS/@media/orientation に

メモ: この特性は端末の向きには関係がありません。多くの端末では縦長の向きでソフトキーボードを開くと、ビューポートの幅が高さよりも大きくなり、ブラウザーは portrait ではなく landscape のスタイルを使用することになります。

とあるので一度実験が必要

[miyacorata]

background-size: 100vw auto;

で求めていた見た目が得られてしまった