移动端开发的兼容问题
来源:互联网 发布:入骨相思知不知福禄 编辑:程序博客网 时间:2024/06/04 23:29
1、ios下input设置type=button属性disabled设置true,会出现样式文字和背景异常问题,使用opacity=1来解决
2、一些情况下对非可点击元素如(label,span)监听click事件,ios下不会触发,css增加cursor:pointer就搞定了
3、1px边框问题使用
xx:before{
content:”;
position: absolute;
top: 0;
left: 0;
border: 1px solid #ccc;
width: 200%;
height: 200%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
}
4、input为fixed定位在ios下的bug问题,点击焦点input,input跳到中间位置,可以使用内容滚动框也是fixed来设置
5、移动端字体小于12px使用四周边框或者背景色块,安卓文字偏上bug问题,可以使用整体放大1倍再缩放,而且字体不要是奇数
6、在移动端图片上传图片 使用accept=”image/*” multiple,兼容低端机的问题
7、在h5嵌入app中,ios如果出现垂直滚动条时,手指滑动页面滚动之后,滚动很快停下来,好像踩着刹车在开车,有“滚动很吃力”的感觉self.webView.scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;对webview设置了更低的“减速率”
8、click 300ms 延时响应 使用 Fastclick
window.addEventListener( “load”, function() {
FastClick.attach( document.body );
}, false );
9、input 有placeholder情况下不要设置行高,否则会偏上
10、移动端适配可以使用lib-flexible https://github.com/amfe/lib-flexible
- 移动端开发的兼容问题
- 移动端的一些常见的兼容问题
- js 实现在移动端开发,解决不同手机像素大小的兼容问题
- 移动端兼容问题
- ajaxfileuploady移动端兼容问题
- 移动端webApp兼容问题解决
- 移动端flex全兼容问题
- iphone(移动端)兼容问题
- 移动端总结和手机兼容问题
- 2016HTML5移动端最新兼容问题解决方案;
- fetch移动端浏览器兼容问题解决
- 移动端总结和手机兼容问题
- H5开发的版本兼容问题
- web开发中的各种浏览器的兼容问题
- Android开发 之 矢量图的兼容问题
- 移动端开发的坑
- 使用HTML5 FILE API上传图片移动端缩略图兼容问题
- 最简单的移动端pc端(解决苹果端的兼容问题)一键复制,保存到剪贴板
- C++中友元的用法
- uva1637(记忆化搜索)
- 括号匹配问题
- C# Task 是什么?返回值如何实现? Wait如何实现
- web安全常用测试用例
- 移动端开发的兼容问题
- [RK3288][Android6.0] Camera HAL ION 使用小结
- F745VGTx_HAL_RS485
- 装饰模式
- LeetCode-1
- 第一章:对象导论
- 04 Anykey右分页布局TableLayout
- F
- 总结-2017/11/26