3.x 适配屏幕尺寸跟真实的尺寸对不上

[411878396 (cocos 开发者)]

• Creator 版本： 3.4.2

• 目标平台：浏览器

• 重现方式：

  
  
  请问大神们，3.x版本的引擎如何做全屏适配，然后如何获取真实的屏幕大小还有点击坐标。这个getVisibleSize getVisibleSizeInPixel getCanvasSize getFrameSize 这几个坐标到底是哪个随真实的适配尺寸的？

• 首个报错：

• 之前哪个版本是正常的：

• 手机型号：

• 手机浏览器：

• 编辑器操作系统：

• 重现概率：

[3264876581 (真的很威)]

首先看你项目是适配宽度还是适配高度，其次就是你将要对齐的节点添加widget组件。假如你项目适配了宽度，那么高度是变化的，比如你的项目高度是1000，这时候你设置节点的widget属性偏移从上往下偏移了60，那么这个偏移的比例就是0.06，然后你的手机高度是800，那么800*0.06=48，在这个手机偏移的程度就是48。一般横屏游戏就是适配高度，竖屏就适配宽度。

[zzf_2025]

设备分辨率获取方式可以参考 2.x 上的代码：

var deviceResolution = null; 
if (cc.sys.isBrowser) {
    deviceResolution = cc.size(window.screen.width * window.devicePixelRatio, window.screen.height * window.devicePixelRatio); 
} else if (cc.sys.isNative) {
    deviceResolution = cc.view.getVisibleSizeInPixel();
}
this.label.string = deviceResolution.toString();