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
iPhone XのiOS 11.11以下と11.12以上どちらにも対応するWebページの作り方
WebKit公式サイトを含め、多くのWebサイトで解説されている「iPhone X対応のWebページの作り方」はiOS 11.11系まで、またはiOS 11.12以上のどちらか一方にしか対応していないため、その両方に対応する書き方について解説します。 この記事の内容は「スマートフォン時代のWebコーディングスクール」の授業資料の一部です。 iPhone X対応していないWebページはどう見えるのか 縦持ちでは特に問題ありませんが、横持ちの場合画面の左右に空白ができてしまいます。 たとえば、このブログの記事ページを横持ちで観ると以下の画像のように見えます。 このブログの場合、bodyの背景色は濃い茶色、ページ全体を包んでいるwrapper要素に背景画像が設定されています。 iPhone Xのセーフエリアについて iPhone Xのディスプレイを横向きにした時、センサーハウジングや角丸の部分を
iPhone向け高機能テンプレート集“UiUiKit” – [Mu]ムジログ
iPhone向け高機能テンプレート集“UiUiKit” 2010 年 10 月 18 日 – 12:00 AM category Webサイト開発・運営 tags iPhoneアプリ開発, UI Comments: 0 Trackbacks: 0 この記事を読むのに必要な時間の目安: 約 2 分 iPhone用HTMLテンプレートというよりもiPhone向けWebサイト構築フレームワークといっても過言ではない。 Downloads – iphone-universal – Project Hosting on Google Code 上記からダウンロードして解凍すると、HTML,CSS,画像ファイルがたくさんある。それぞれのHTMLをSafari（ブラウザ）で開くと、それぞれiPhone向けにデザインされた画面が出てくる。 当然のようにiPhoneを傾けてもそれに合わせて横幅調整は自動
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
