雑な感じですが。
| デバイス | 作成サイズ | 見切れないであろう範囲 |
|---|---|---|
| PC | 2560px × 1536px （1 : 0.6） | 1536px × 1152px （1 : 0.45〜1） |
| タブレット | 1536px × 1906px （1 : 1.241） | --- |
| スマホ | 750px × 1155px （1 : 1.54） | 680px × 1050px （1 : 1.4〜1.7） |
以下は検証内容のメモです。
※OSやブラウザのバージョンは考慮してない（僕が確認した時の状態）
※タブレットはiPadしか確認できてない
PC
ベストビューサイズ：2560x1536（1:0.6）
保証サイズ：1536x1152（1:0.45〜1）
※幅を1280で設定
※Ratina対応で倍サイズ
MacBook Pro 13インチ ディスプレイ（1280×800）
Google Chrome（ダウンロードバーあり）
高さ：717
幅が1280時の比率：0.560（最大幅）
幅が1024時の比率：0.700（最低保証幅）
Safari
高さ：839
幅が1280時の比率：0.655（最大幅）
幅が1024時の比率：0.819（最低保証幅）
フルHD ディスプレイ（1920x1080）
Google Chrome（ダウンロードバーあり）
高さ：897
幅が1920時の比率：0.467（最大幅）
幅が1024時の比率：0.876（最低保証幅）
Safari
高さ：1019
幅が1920時の比率：0.531（最大幅）
幅が1024時の比率：0.995（最低保証幅）
Edge
高さ：963
幅が1920時の比率：0.502（最大幅）
幅が1024時の比率：0.940（最低保証幅）
求められる高さの比率
最小：0.467（より小さくなることは少ない）
最大：0.995（より大きくなることは多い）
フルHDで全画面に広げることは少ないので、ベストビューの比率は「0.6」くらいが良いかも（テキトー）
上記の結果を踏まえて「0.45〜1.0」も保証できるとよいと。
タブレット
サイズ：1536x1906（1:1.241）
※Ratina対応で倍サイズ
※ポートレートだけ考える（ランドスケープはPCで設定）
iPad（768×1024）
Safari
高さ：953
幅768の比率：1.241
求められる高さの比率
iPadしかみてないけど、1.241で良いんじゃない（テキトー）
スマホ
ベストビューサイズ：750x1155（1:1.54）
保証サイズ：680x1050（1:1.4〜1.7）
※幅を375で設定
※Ratina対応で倍サイズ
以下検証内容
※ランドスケープは考えてない
iPhone 5s（320x568）
高さ：459
幅320の比率：1.434
iPhone X（375x812）
高さ：635
幅375の比率：1.693
iPhone 8（375x667）
高さ：553
幅375の比率：1.475
iPhone 8 Plus（414x736）
高さ：620
幅414の比率：1.498
Pixel 3（360x720）
高さ：602
幅360の比率：1.672
求められる高さの比率
最小：1.434（古い端末は小さめ）
最大：1.693（これ以上大きくなることはあまりない）
iPhone 6,7,8 と Pixel 3 の間をとり日本での割合を考えて、ベストビューの比率は「1.54」くらいが良いかも（テキトー）
上記の結果を踏まえて「1.4〜1.7」も保証できるとよいと。