在HTML文件中添加以下CSS样式,将body和html元素的margin和padding属性都设置为0:
body, html { margin: 0; padding: 0; }
另外,如果您的Angular应用使用了路由模块,则可能需要在组件样式中添加类似以下样式来解决该问题:
:host { display: block; }
这是因为路由模块的默认样式会将组件外部添加一层div,使组件的根元素不再是body或html元素,从而可能导致顶部留白问题的出现。
上一篇:Angular页面顶部的空白区域
下一篇:Angular页面加载期间的网络调用总时间