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

Posted

技术标签:

【中文标题】动画 HTML 初始屏幕在移动设备上更改大小 [关闭]【英文标题】:Animated HTML splash screen changes size on a mobile device [closed] 【发布时间】: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">

【讨论】:

以上是关于动画 HTML 初始屏幕在移动设备上更改大小 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Android Telnet 客户端设备上更改屏幕大小

更改:悬停以触摸/单击移动设备

一般检查任何移动设备屏幕方向更改?

网格系统无法在移动设备或小屏幕上正确调整大小

使用 jquery mobile 调整图像大小以适应移动设备上的屏幕

移动到网站中心(如果可能,在移动设备上自动调整大小)