web端页面适配问题

Creator 3.x
#1

我使用的是cocos creator 3.5.0版本，场景里只有一个瓦片地图，项目设置如下

image
image1021×371 10.1 KB
，在27寸4k显示器中无论是预览还是发布后运行 显示效果都还行，但是在14英寸1920x1080的笔记本上打开后，浏览器全屏状况下仍然出现很长的滚动条，这个是没有正确缩放么？还是我的设置有问题？
27寸4k显示器中如图 ：
image
image1968×851 343 KB

笔记本1920x1080显示器中如下：
image
image1342×1138 400 KB

可以看到这里出现了很长的滚动条，水平方向也超出了显示器的范围
详细尺寸如下
image
image1511×769 230 KB

canvas的大小已经完全大于实际的屏幕分辨率了

我捣鼓了很久 没有搞定，求大佬解惑

#2

经过多种探索 解决了

let sw: number = window.screen.width * window.devicePixelRatio;

    let sh: number = window.screen.height * window.devicePixelRatio;

    log(`sw=${sw},sh=${sh}`);

    screen.windowSize = new Size(sw * 0.9, sh * 0.7);

在浏览器不全屏的情况下完美适配 具体原因是 不同显示器的系统缩放比例不同 然后浏览器本身标题栏和菜单栏就占据了一部分空间

#3

这段代码得加在哪儿啊

#4

估计随便加载一个脚本的最上面就可以了，都是全局变量

#5

screen.windowSize 这个代码怎么显示没这个属性

#6

可以不用管吧应该。