html - 动画 HTML 初始屏幕在移动设备上更改大小
问题描述
我制作了一个 Flutter Web 应用程序,并使用 HTML 和 CSS 实现了启动画面。在桌面设备上一切正常,但是,当我使用手机的 Chrome 和 Brave 浏览器访问网站时,启动屏幕本身在显示大约一秒钟后变大,导致这个元素比它应该的要大.
HTML代码是一个简单的div元素,而CSS属性如下:
.center {
align-items: center;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
}
解决方案
尝试将此添加到您的头部标签。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
推荐阅读
- java - 线程 LWJGL 应用程序中的异常
- c# - 鼠标悬停在 WPF 中如何起泡?
- security - 在 Xamarin Forms 中存储 client_id 和 client_secret 的位置以供休息 API
- windows - 如何在 powershell 中正确格式化此对象?
- visual-studio - 如何下载离线拷贝 MSDN(微软帮助文档)?
- google-maps - google.maps.Data 层 zIndex 更改未反映在地图上
- java - 为什么 4 打印为质数
- python - Django 休息框架 - 返回图像作为响应
- mysql - Mysql连接错误:错误:数据包乱序。得到:45 预期:0
- c# - PHP 和 C# 中的不同 MD5 哈希值