画布缩放问题 - 在浏览器和手机上以不同方式显示

Question

我的画布缩放器出现此问题。我在我的个人电脑上使用Unity进行设计，正确显示它应该看起来如何。但是，在我的电脑和我的android手机上，它在浏览器中看起来都非常不同。

PC - 团结：

PC浏览器/ Android手机（万普拉斯5）：

统一的一幕：
个

帆布定标器设置：

一切都是我的画布里面。我试过一遍又一遍地调整了画布缩放器设置，但没有运气。我可能做错了什么？我正在使用Unity 5.6.3p1。

Answer 1

画布缩放看起来是按预期工作。

但是，您是否正确设置了锚点？

我想你的锚四个按钮/图像每个相邻角落。

我会再锚贵中心图像到画布的中心顶部和底部中心。

然后，当您切换屏幕大小时，画布缩放器会将事物保持在显示屏的相对位置。

查看统一文档了解如何管理锚点。

UI锚： https://docs.unity3d.com/Manual/UIBasicLayout.html

UI多分辨率： https://docs.unity3d.com/Manual/HOWTO-UIMultiResolution.html

Answer 2

它可以通过简单的，如果你的相机不适合在设备屏幕上准确造成的。为了防止这种变化渲染模式你的帆布到屏幕空间 - 覆盖。