zuboraca https://blog.hatena.ne.jp/zuboraca/ バンビの初心者ブログ教室 https://www.bambi.pro/ HTML-CSS-デザイン ★今回はブログやサイトのiPhone X 画面の対応に関して★ CSSで画面の被りを解消する方法 「iPhone X」の画面の構造 セーフエリアの考え方 ①METAタグで「セーフエリアあるよ」と教える！ ②次も簡単！CSSでセーフエリアまで底上げすれば良い はてなブログの人は... 実は遅まきながら…つい先日iPhone6sから→iPhone XSに機種変したんです。それで自分のサイトを見てみたら、 がーん！！！ 被ってんじゃん！！！ せっかく気に入って設置していた、自作のスマホ用のボトムメニューに画面下のバーが被ってしまい見えなくなっちゃっています...ちなみに自作のスマホ用ボトムメニューの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.bambi.pro%2Fentry%2Fiphone-X-screen-adjustment" title="iPhone Xのセーフエリアとは？表示が画面下のホームバーと被る時の対処法（CSSのみで対応可） - バンビの初心者ブログ教室" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/z/zuboraca/20181019/20181019123942.jpg Hatena Blog https://hatena.blog 2018-10-19 17:39:34 rich https://www.bambi.pro/entry/iphone-X-screen-adjustment 1.0 100%