どうもネイティブ側にはSafe area的なものがあるらしいが、Webはどうなのだろうと調べてみた。 とりあえず、普通にWebページを表示した場合、ポートレートは予想通りなものの、どうもランドスケープ時は左右にセーフエリア分の余白が開けられるらしい。具体的な挙動を調べるべく以下のようなざっくりしたサンプルを用意した。 基本的な挙動は? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="wrap-main"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatem si