lufy's legend

标题: iOS浏览器出现界面无法居中的问题 [打印本页]

作者: yorhomwang 时间: 2016-1-28 22:51
标题: iOS浏览器出现界面无法居中的问题
最近在做一个数学游戏，全屏设置后，出现了无法居中的问题，而且部分界面显示到屏幕外边去了。如下是微信里的截图，在safari下也不例外：

safari下打开：

旋转为横屏然后再旋转为竖屏刷新后正常了：

其余信息：
引擎版本 1.10.0
iOS版本 9.2.1
使用SHOW_ALL模式，align没有特别的设置

作者: lufy 时间: 2016-1-29 08:46
链接有吗？我测试一下看看

作者: yorhomwang 时间: 2016-1-29 18:08

lufy 发表于 2016-1-29 08:46
链接有吗？我测试一下看看

私信给您了。另外补充说明：
我加入了WINDOW_RESIZE事件，在这个事件回调中，我也调用了全屏设置。

作者: yorhomwang 时间: 2016-1-29 18:10
代码截图如下：
屏幕快照 2016-01-29 下午6.40.43.png

android上貌似没有这个问题。

作者: lufy 时间: 2016-1-29 18:18
我的也是iOS 9.2.1
但是正常啊，
你清除下缓存再试试看

スクリーンショット 2016-01-29 19.48.38.png (282.73 KB, 下载次数: 10013)

スクリーンショット 2016-01-29 19.48.38.png

作者: yorhomwang 时间: 2016-1-29 18:38

lufy 发表于 2016-1-29 18:18
我的也是iOS 9.2.1
但是正常啊，
你清除下缓存再试试看

仍然不行，我用的是iphone 6s测的，和ipad有点不一样？
很奇怪为什么旋转屏幕后一刷新就对了，而且无论以后怎么刷新都是对的

作者: yorhomwang 时间: 2016-1-29 18:40

lufy 发表于 2016-1-29 18:18
我的也是iOS 9.2.1
但是正常啊，
你清除下缓存再试试看

用微信扫一扫二维码进入看看？code私信给你了

作者: lufy 时间: 2016-1-29 19:26

yorhomwang 发表于 2016-1-29 18:40
用微信扫一扫二维码进入看看？code私信给你了

我这边微信访问也正常
试试看下面修改能不能解决
LInit(1000 / 40, "mygame", 500, 925, main);
↓
LInit(1000 / 40, "mygame", 500, 925, function(){
setTimeout(main,500);
});

作者: yorhomwang 时间: 2016-1-29 19:53

lufy 发表于 2016-1-29 19:26
我这边微信访问也正常
试试看下面修改能不能解决
LInit(1000 / 40, "mygame", 500, 925, main);

我试试，谢谢前辈

作者: yorhomwang 时间: 2016-1-29 20:52

lufy 发表于 2016-1-29 19:26
我这边微信访问也正常
试试看下面修改能不能解决
LInit(1000 / 40, "mygame", 500, 925, main);

貌似问题还是没解决，为什么旋转屏幕反而可以解决此问题呢

作者: yorhomwang 时间: 2016-1-29 20:59

lufy 发表于 2016-1-29 19:26
我这边微信访问也正常
试试看下面修改能不能解决
LInit(1000 / 40, "mygame", 500, 925, main);

我在fullScreen函数中输入了窗口的大小window.innerWidth，发现宽度会变。
直接输入网址进入，窗口宽度为500，刷新一次475，再刷新一次409，再刷新一次375，从此以后无论怎么刷新都是375了。
转为横屏，再转为竖屏，输出为435，刷新一次，为375

估计是浏览器的问题？

作者: lufy 时间: 2016-1-29 21:23

yorhomwang 发表于 2016-1-29 20:59
我在fullScreen函数中输入了窗口的大小window.innerWidth，发现宽度会变。
直接输入网址进入，窗口宽度为 ...

这样啊，那试试看给viewport设置zoom-to-fit=no看好不好用

作者: yorhomwang 时间: 2016-1-29 21:52

lufy 发表于 2016-1-29 21:23
这样啊，那试试看给viewport设置zoom-to-fit=no看好不好用

不好用

作者: lufy 时间: 2016-1-29 22:03

yorhomwang 发表于 2016-1-29 21:52
不好用

这倒奇怪了，只在微信里还是默认浏览器也有问题？
其他浏览器呢？

作者: yorhomwang 时间: 2016-1-29 22:07

lufy 发表于 2016-1-29 22:03
这倒奇怪了，只在微信里还是默认浏览器也有问题？
其他浏览器呢？

Safari下
微信下感觉是先正常显示，然后突然不正常的过程，我仔细看了一下，发现页面开始是居中的，半秒后闪了一下就不居中了

作者: lufy 时间: 2016-1-29 22:19
我弄了个最简单的demo，这样可以排除其他代码的影响
http://lufylegend.com/demo/test/116.html
大小跟你的游戏一样，你试试看能不能居中

作者: yorhomwang 时间: 2016-1-29 22:48

lufy 发表于 2016-1-29 22:19
我弄了个最简单的demo，这样可以排除其他代码的影响
http://lufylegend.com/demo/test/116.html
大小跟你的 ...

有问题

同样是刷新几遍后，正常了

作者: lufy 时间: 2016-1-29 22:57

yorhomwang 发表于 2016-1-29 22:48
有问题

现在呢，再试一次看看
http://lufylegend.com/demo/test/116.html

作者: yorhomwang 时间: 2016-1-29 23:14

lufy 发表于 2016-1-29 22:57
现在呢，再试一次看看
http://lufylegend.com/demo/test/116.html

居中了，但是还有点问题

刷新一下就正常了

作者: lufy 时间: 2016-1-29 23:23

yorhomwang 发表于 2016-1-29 23:14
居中了，但是还有点问题

刷新一下就正常了

之前说错了，应该是shrink-to-fit=no
你在你的游戏里设置一下，然后删除下缓存再试试看吧

欢迎光临 lufy's legend (http://lufylegend.com/forum/)