固定フッターのiPhoneX対応 | Simple is Beautiful.

固定フッターの余白をiPhoneXに対応させる 固定フッターにSNSボタンなどを置いている時、こんな感じでiPhoneXだと下の角が丸く切り取られてしまうので余白がなくなってしまったり、下の黒いバーのに被ってしまったりして困るので調べてみました。 viewport まずはviewportで viewport-fit=cover を指定します。 <meta name="viewport" content="initial-scale=1, viewport-fit=cover"> HTML <div class="fixedfooter"> <div class="tw icon">t</div> <div class="fb icon">f</div></div></meta>…