动画 HTML 初始屏幕在移动设备上更改大小 [关闭]答案

【问题标题】：Animated HTML splash screen changes size on a mobile device [closed]动画 HTML 初始屏幕在移动设备上更改大小 [关闭]
【发布时间】：2020-12-24 19:02:53
【问题描述】：

我已经制作了一个 Flutter Web 应用程序，我已经使用 HTML 和 CSS 为其实现了启动画面。在桌面设备上一切正常，但是，当我使用手机的 Chrome 和 Brave 浏览器访问网站时，启动屏幕本身在显示大约一秒钟后变大，导致这个元素比它应该的要大.

HTML代码是一个简单的div元素，而CSS属性如下：

.center {
align-items: center;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
}

【问题讨论】：

【解决方案1】：

尝试将此添加到您的 head 标签中。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

【讨论】：