解像度比較表を見比べれば分かることだが、iPhone6/7と同等で問題ない。
Re:2 6/7じゃねーよ。6+/7+/8な。すまん。
600px/960px/1281pxが最適解で現状結論づいているので、それに合わせろ。だってさ
iphoneを横にした時もスマホCSSを適用したい。今までは768px以下をスマホ表示の基準にしていたが、iphoneXの812pxをどう考えるか?という話だが。。。あとは、viewport-fit=coverに対応するかという話。ん?俺、なんか間違ってる?
Re:5 ブレイクポイントを768px→812pxに変える。768px~812pxまでのタブレット(多分800pxが多い)はレガシーと判断しスマホ表示させる。そのタブレットを使う人には「悪いな。レガシーな端末を使っている自分を憎め。恨むんならAppleを恨め。」とでも言っておけばいい。viewport-fit=coverには対応しつつ、以下のようなコードにして実質的に720~740くらいの端末と同じようなレイアウトになるようユーザビリティテストを1回かます。現時点ではsafeareaからはみ出るようなデザインは悪だと思うよ個人的に。<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">header { padding-top: safe-area-inset-top; padding-bottom: safe-area-inset-bottom; padding-right: safe-area-inset-right; padding-left: safe-area-inset-left;}
それで、そういう部分の工数分もらえてるの?
7 件の回答
解像度比較表を見比べれば分かることだが、iPhone6/7と同等で問題ない。
Re:2
6/7じゃねーよ。6+/7+/8な。すまん。
600px/960px/1281pxが最適解で現状結論づいているので、それに合わせろ。だってさ
iphoneを横にした時もスマホCSSを適用したい。
今までは768px以下をスマホ表示の基準にしていたが、
iphoneXの812pxをどう考えるか?という話だが。。。
あとは、
viewport-fit=coverに対応するかという話。
ん?俺、なんか間違ってる?
Re:5
ブレイクポイントを768px→812pxに変える。768px~812pxまでのタブレット(多分800pxが多い)はレガシーと判断しスマホ表示させる。そのタブレットを使う人には「悪いな。レガシーな端末を使っている自分を憎め。恨むんならAppleを恨め。」とでも言っておけばいい。
viewport-fit=coverには対応しつつ、以下のようなコードにして実質的に720~740くらいの端末と同じようなレイアウトになるようユーザビリティテストを1回かます。現時点ではsafeareaからはみ出るようなデザインは悪だと思うよ個人的に。
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
header {
padding-top: safe-area-inset-top;
padding-bottom: safe-area-inset-bottom;
padding-right: safe-area-inset-right;
padding-left: safe-area-inset-left;
}
それで、そういう部分の工数分もらえてるの?