Chrome在iPhone的页面周围添加了缺口 [英] Chrome add padding around the page on iPhone's with a notch

问题描述

在横向放置的iPhone X(以及带有缺口的其他iPhone)上，Google Chrome浏览器在页面左右两侧添加了额外的填充，而Safari则没有.如何解决这个问题?

On iPhone X (and other iPhones with a notch) in landscape orientation Google Chrome browser add an additional padding on right and left sides around page, while Safari don't. How it's possible to fix this?

推荐答案

长期以来，这是一个已知的问题， 易于修复:

It´s a known problem for a long time, it´s easy to fix:

 *{ margin : 0; padding : 0;box-sizing: border-box;}

有时您也需要使用"-webkit and moz".

Sometime you need to use "-webkit and moz" too.

-webkit-box-sizing: border-box;-moz-box-sizing: border-box;

这篇关于Chrome在iPhone的页面周围添加了缺口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！