• 10个你不得不知的WEB移动端开发的兼容问题


    1、IOS下input设置type=button属性disabled设置true,会出现样式文字和背景异常问题,使用opacity=1来解决

    2、一些情况下对非可点击元素如(label,span)监听点击事件,不会在IOS下触发,css增加cursor:pointer就搞定了

    3、1px边框问题使用

    xx:before{

    content:'';

    position: absolute;

    top: 0;

    left: 0;

    border: 1px solid #ccc;

    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问题,单击焦点输入,输入跳转到中间,可以使用内容滚动框也是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

  • 相关阅读:
    SQL INJECTION的SQL Server安全设置
    跨数据库查询
    IIS to secure
    win2003 服务器设置 完全版
    Taskkill命令详解
    PsExec
    Sql Server自增列处理
    Index Data
    Sql Server常用查询汇总
    Symbian S60 SDK模拟器自动退出的解决
  • 原文地址:https://www.cnblogs.com/cwzqianduan/p/8795216.html
Copyright © 2020-2023  润新知