iPhone 12系統のレスポンシブ対応のメモ書き

今朝発表されたiPhone 12系統のレスポンシブ対応についてのメモ書き。取り急ぎ。 12 Pro Max 👉 428px (3x) PlusシリーズやXR,11,11 Maxの414pxよりも14px広い。 12 / 12 Pro 👉 390px (3x) 6〜8、Xや11 Proの375pxよりも15px広い。 12 mini 👉 360px (3x) ただし、miniの場合は375pxで描写してスケーリング表示するらしい？ とは言え、Androidのデバイスの多くは360pxなのでiPhone 12 miniの描写サイズが375pxだろうが360pxだろうが関係なかったりします。 横幅360pxでしっかり表示されていることは必須条件です。 追記1：これからも4インチ(320px)を意識する必要はあるのか？ 個人的見解ですが、あります。 理由としてはiPadのSlide Over

[otihateten3510]

レスポンシブデザインってどの解像度でもOKな作り方じゃなかったっけ？　もはや新デバイスの解像度とか気にしてないんだけど、何でブコメ発狂してんの？

[shikiarai]

どんどん地獄になっていくの草

[diveintounlimit]

レスポンシブデザインって元来こういう状況になっても柔軟に表示してくれるものだったはずだが。

[neet_modi_ki]

CSSピクセルがポートレート時に320〜500くらいに収まる条件下であれば実ピクセルや画面に対する文字サイズ比はいちいち気にしないかな。それがレスポンシブデザインなのでは。/そこを理解しないデザイナは失格かと。

[kns_1234]

"iPadのSlide Overの論理サイズは320px" 旧SEそろそろ切って良いかと思っていたけど、これがあったの忘れてた…

[forestk]

細かい話ですがiPadのSplit Viewでも最小サイズは320pxです。

[flirt774]

320から1900px以上まで対応するのがレスポンシブの未来ではなかったはず。本来は4デバイス分くらいの料金が必要なところを、なんとかごまかしてるのが現状。とはいえモバイルファーストは大前提

[kijtra]

こんな細かく気にしなくていいのがレスポンシブじゃないの？こんなんやってたらデスクトップのサイズはさらにカオスで死ぬと思うけど。

[sd-craft]

iPadでスマホ表示になるのマジ害悪。Google検索とか半分以上が広告とサジェストで酷すぎる

[yurikago12]

デザイナーに伝えたいこと、理解はするけどそれには金と時間がいるんや…

[d4-1977]

320pxについてベストな見せ方ではなくても、辛くないとか、考慮するのはしたい…が、Analyticsで確認して判断するとかもありだと思いました。 レスポンシブの仕事の進め方やFigmaのデータとかどうしてるんだろう🤔

[tribird]

これはWebじゃなくてアプリを作る人のための記事なんじゃ？

[sigwyg]

“これからも4インチ(320px)を意識する必要はあるのか？ 個人的見解ですが、あります。 理由としてはiPadのSlide Overの論理サイズは320pxだからです…。” Slide Overは盲点だったな…

[Falky]

レスポンシブだから320でも大丈夫でしょとか言ってるやつは素人。完璧にレスポンシブなコードを書いていれば仮に200pxのデバイスが来ても対応できるの？できませんよ。実務やったことないのにイキって叩いちゃだめだぞ

[nicht-sein]

webでピクセルパーフェクトは厳しくない？？？

[cl-gaku]

なんでレスポンシブなのに特定ハードへの対応が？

[sometk]

個人的にはこういった対策考えるの好きだけど、現場によると思う。ピクセルパーフェクトがどうのこうのとか。。

[sakimoridotnet]

“iPadのSlide Overの論理サイズは320px”

[fotus4]

iPhoneSE最高！というより、会社支給端末がSEという母数問題もある。特にビジネス系サイトだと。

[miruto]

レスポンシブデザインはhtmlは同じだけどcssをガリガリ書いて対応してねというもの(現状)。というわけで、文字サイズに関してだけどPCはrem指定でタブレット以下はvwで問題ないかな。

[mayumayu_nimolove]

トップコメの言いたいことはレスポンシブはワンソースマルチユースだけど、デバイスごとの対応入れてるから本筋と違うのではって言ってるんだろ？別に発狂してないやん2番目のコメ。

[koroharo]

『320pxではどう見せたらいいか 1024px(iPad横向きやiPad Pro 12.9の縦など)ではどう見せたらいいか 1920px以上のデバイス(ウルトラワイドモニターなど)ではどう見せたらいいか』

[atori07]

地獄

[sekreto]

近年自分で作ることはないので、今のデザイナーさんには頭が下がる

[spark7]

変な変更はなさそうね。普通に作っとけば普通に動くやろ

[skyfox_xxx]

めも

[spritchang]

iPhoneX使ってるが困ったことがない そろそろバッテリー交換しようかと思ってる

[ya--mada]

フルードデザインも微妙なんやな

[circled]

昔と比べて1ページにかかる工数が3倍になった感はある。

[momo_t]

デザイナーとのコミニュケーションの時間が確保できないときは…仕方ないと割り切ってvwでどのサイズでもカンプ通りに再現できるようにする。レスポンシブ対応は実際に作ってみないと、わからない部分が多いと思う。

[gla69]

ぎえー！地獄！！www