Android微信内按钮CSS失效
2016-05-18 23:02
399 查看
1.1.1 现象 一个用<a>元素制作的按钮,在微信浏览器中显示的很奇怪,如下图:
这个按钮在iPhone的微信以及Android浏览器中打开都是正常的,如下图:
正常情况下,根据CSS设置,应该是宽度为80%,居中显示,但是在Android的微信浏览器中宽度就变为auto,也不居中了。
1.1.2 原因 一开始以为是其它的类影响到这个按钮的属性,于是:
· 在这个元素上直接写style,设置其宽度为80%,无效果,设置其宽度为固定值,也无效果;
· 用JS直接设置其宽度为80%或固定值,也无效果;
上面各种修改,用JS查看其宽度属性,一直为auto。
最后仔细查看该元素的所有CSS属性,看到“display:inline”,顿时想到是不是这个原因导致,于是将其改为“display:block”,问题解决。
1.1.3 解决 将display:inline改为display:block,或display:inline-block。
这个按钮在iPhone的微信以及Android浏览器中打开都是正常的,如下图:
正常情况下,根据CSS设置,应该是宽度为80%,居中显示,但是在Android的微信浏览器中宽度就变为auto,也不居中了。
1.1.2 原因 一开始以为是其它的类影响到这个按钮的属性,于是:
· 在这个元素上直接写style,设置其宽度为80%,无效果,设置其宽度为固定值,也无效果;
· 用JS直接设置其宽度为80%或固定值,也无效果;
上面各种修改,用JS查看其宽度属性,一直为auto。
最后仔细查看该元素的所有CSS属性,看到“display:inline”,顿时想到是不是这个原因导致,于是将其改为“display:block”,问题解决。
1.1.3 解决 将display:inline改为display:block,或display:inline-block。
相关文章推荐
- 使用C++实现JNI接口需要注意的事项
- Android IPC进程间通讯机制
- Android Manifest 用法
- [转载]Activity中ConfigChanges属性的用法
- Android之获取手机上的图片和视频缩略图thumbnails
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- android string.xml文件中的整型和string型代替
- i-jetty环境搭配与编译
- android之定时器AlarmManager
- android wifi 无线调试
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- android 代码实现控件之间的间距
- android FragmentPagerAdapter的“标准”配置
- Android"解决"onTouch和onClick的冲突问题
- android:installLocation简析