发布h5自定义加载页时div元素在手机上总是占100%的宽度

如题,creator发布h5平台,自定义加载页时,发现div元素在手机上总是会占据100%的宽度,怎么改呢?求指导
在电脑上是正常的,在手机上有这个问题
不熟悉css,所以看了半天css文件,也没找到问题,特此求助

#已经解决了

我用的单位是px,在移动设备中,px会做为两个像素,所以导致了放大现象,现在只要把以px为单位的地方,缩小为两倍就可以了,只不过这样会导致PC端缩小现象,看来要上媒体查询了

这是在手机上的加载页:

这是在电脑上的加载页:

加载页简单说明:
让图片和加载条整体水平居中,再让加载条距离图片大概201个像素吧,如下图所示:

这是demo文件,可以本地运行(本地电脑运行正常)或者放到服务器运行:
LoadPageDemo.zip (22.6 KB)

单独的css文件:
归档.zip (2.7 KB)

@Jare @请对有效方案打钩 @zzf_2025 求解答

你有对 图片加界面适配么
https://docs.cocos.com/creator/manual/zh/components/widget.html?h=widget

有的,但是我估计是creator默认的css样式影响了我写的样式

我这个加载页使用css做的

把你的widget组件截图我看下

嗯嗯,那个这个加载页使用css做的,没有用到creator
就是我自定义了creator h5 项目的加载页

这样的: