キャンバススケーラの問題 - ブラウザと電話で異なる表示

Question

私のキャンバススケーラでこの問題があります。私はどのように見えるのかを正しく表示している私のPC上のUnityで設計しています。しかし、それは私のPC上のブラウザと私のアンドロイドの携帯電話の両方で非常に異なって見えます。

PC - ユニティ：

PCブラウザ/ Android携帯（OnePlus 5）：

ユニティシーン：
の

キャンバススケーラーの設定：

すべては私のキャンバスの中にあります。キャンバススケーラの設定を何度も微調整しようとしたが、運がない。私は何が間違っていますか？私はUnity 5.6.3p1を使用しています。

Answer 1

キャンバスのスケーリングが期待通りに機能しているように見えます。

ただし、アンカーを正しく設定しましたか？

私はあなたの4つのボタン/画像を隣接する各コーナーに固定します。

次に、センター画像をキャンバスの中央上部と中央下部にアンカーします。

次に、画面サイズを切り替えると、キャンバススケーラは物を表示画面の相対的な場所に保持します。

アンカーを管理する方法については、ユニティドキュメントを参照してください。

UIアンカー： https://docs.unity3d.com/Manual/UIBasicLayout.html

UIマルチ解像度：お使いのカメラは正確にデバイスの画面に収まらない場合 https://docs.unity3d.com/Manual/HOWTO-UIMultiResolution.html

Answer 2

それは単にによって引き起こされる場合があります。この変更を防止するにはレンダリングモードのキャンバス〜スクリーンスペース - オーバーレイ。