zoukankan      html  css  js  c++  java
  • 混合开发中那些坑(一)

    1、沉浸式标题

      对于安卓和ios来说,解决沉浸式标题的方法不一样,通过打包设定,ios可以完美解决沉浸式问题,而安卓就会在head部分多出来一个标题栏的高度,非常恶心。

      解决办法:通过js判断设备类型

      // 动态加载css文件

    function loadUfsStyles(url) {
    var link = document.createElement("link");
    link.type = "text/css";
    link.rel = "stylesheet";
    link.href = url;
    document.getElementsByTagName("head")[0].appendChild(link);
    }

    // 判断是否为iso系统
    function isIos(){
    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){
    return true;
    }
    return false;
    }

    // 如果为苹果则加载css文件
    function loadIosStyles (url) {
    if(isIos()){
    loadUfsStyles(url);
    }
    }

    loadIosStyles("../css/ios.css");

    2、移动端自带滚动条问题

      解决方法:去掉即可

      

      /*隐藏滚动条*/

    ::-webkit-scrollbar {
    display: none;
    }

    3、图标大小不统一

      解决方法:从UI入手,不要直接从阿里的iconfont库里直接拼凑下载不同的图标,跟UI沟通,直接制作一套自己的项目的图标,做到从视觉上等边距,然后导出来就行了。

    4、

  • 相关阅读:
    https authorization basic
    第二十一章 单例模式
    第十九章 组合模式
    第十八章 备忘录模式
    第十七章 适配器模式
    第十六章 状态模式
    新博客~
    CF922D Robot Vacuum Cleaner
    BZOJ1767 [CEOI2009]harbingers
    树的直径学习笔记
  • 原文地址:https://www.cnblogs.com/liubeiblog/p/6647388.html
Copyright © 2011-2022 走看看