项目的尺寸是750X1620 然后是适配的宽度，在PC的浏览器上，手机模式调试看起来很正常，但是放到真机会有问题， 就是手机默认浏览器 会有个 默认的头部，和底部区域，然后你的内容就被头部和底部遮挡住了，而且，不同厂的浏览器，头部和底部的高度又有区分， 这样，我应该怎么让游戏内容刚好显示在 浏览器的可见中间区域显示？ 像微信内置的浏览器就只有一个短短的头， 然后底部啥没有，这样就比较好，但是 web平台，人家用什么浏览器打开真是说不定，求解决，适配方案 （项目宽度适配是不能变的，加上勾选适配高度的话，左右会出现黑边）
3.x版本打包成web-mobile不会有上述问题。
你是说打包后没问题是么？ 但是 在预览调试 是有问题的？
你用了Widget吗？没有元素对齐是这样的。
用了，外面的大布局，是用的Widget去布的， 从顶部对齐 走0xp 然后底部对齐走0xp ，但是浏览器的头部和底部有默认遮挡高度，所以就遮挡了实际的内容了
您的不是移动端项目吧，这样是没用的，因为浏览器的默认 头和底部 会占用用空间（这个空间是属于浏览器自己的机制的，不受你的项目代码控制） 我现在尝试了， 如果浏览器能支持切全屏模式，可以设进入浏览器就切 全屏模式，就正常了
之前也遇到过，让美术把背景图弄大一点，然后再用widget调上面的组件。
你不知道 您当前浏览器 有没有头部和底部 遮挡吧？也不知道具体头部，底部遮挡多少距离吧？ 怎么弄？判断widget
原生平台和小游戏上是有安全区的，浏览器上不知道有没有，如果有的话就根据安全区适配
安全区？ 是指？
异形屏去掉异性的部分
这个我有经验！还有安卓和ios上表现还不一样
1.先把html的头文件修改下
<meta name="viewport"
content="width=device-width,height=device-height,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true, viewport-fit=cover" />
2.再修改下css里面的这个
#GameCanvas {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
3.如果这些还是不行的话在html里面加一个元素
感谢，后面我再试试