咆哮的企鹅
咆哮的企鹅
  • 发布:2014-11-19 16:33
  • 更新:2015-04-11 16:45
  • 阅读:6608

安卓系统微信默认浏览器,样式错位问题,求解!

分类:MUI

使用MUI做的wap页面,
ios,安卓其他浏览器样式都正常。
但是,在安卓系统使用微信扫描二维码进入的页面会出现样式错乱及js兼容问题。
官方对这块内容是否有做兼容的考虑?

2014-11-19 16:33 负责人:无 分享
已邀请:
咆哮的企鹅

咆哮的企鹅 (作者) - 敲代码?慢性自杀:植物人

想一想在windows phone下的显示效果,我想哭了!

DCloud_heavensoft

DCloud_heavensoft

微信浏览器仍然是系统webview,虽然追加了几个接口,但不至于改出大问题。
你用你手机自带的Android浏览器测试下,注意不是chrome或uc这类自带内核的浏览器,就是系统默认带的Android浏览器。

Windows phone...据说最新的mobile ie已经开始兼容webkit前缀语法,未来会美好的。

DCloud_UNI_FXY

DCloud_UNI_FXY

理论上是支持微信的浏览器的。

我这里用微信浏览器测试了hello-mui。基本没问题。

你可否截图说明一下你制作的页面错乱和js错误。

lqdsj

lqdsj

同样遇到相同的问题, 就微信浏览器里有问题, title 显示的位置不对;
实验实例(如附件图):

1、使用 hello-mui 中的 slider-default.html页面, 然后更改页面中的 样式 header.mui-bar 的 display为 '';
2、在微信中运行 hello-mui/examples/slider-default.html
3、查看 title 的 "图片轮播" 的显示位置
4、使用 “在浏览器中打开”, 跳转至系统浏览器, 显示正常(居中)

好好学习

好好学习

别循环轮播了就好了

DCloud_UNI_FXY

DCloud_UNI_FXY

如果你是直接修改的slider-default.html做测试。

你需要把下边两个样式都注释掉。

其他demo类似

header.mui-bar {  
                /*display: none;*/  
            }  
            .mui-bar-nav~.mui-content {  
                /*padding: 0;*/  
            }

该问题目前已经被锁定, 无法添加新回复