zoukankan      html  css  js  c++  java
  • 移动端APP CSS Reset及注意事项CSS重置

    @charset "utf-8";

    * {

       -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }

    //禁止文本缩放 字体设置  取消touch高亮效果

    html {

         100%;

        height: 100%;

       margin: 0px;

       padding: 0px;

       -webkit-text-size-adjust: 100%;

       font-family: -apple-system, "PingFang SC","Helvetica Neue", Helvetica, STHeiTi, sans-serif;

       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

       font-size: 62.5%;

        background: transparent;

       }

    body {

        100%;

        height: 100%;

       -webkit-overflow-scrolling: touch;

     }

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {

        margin: 0;

        padding: 0;

    }

    //清除输入框内阴影

    input, select,textarea {

    border: 0;

    -webkit-appearance: none;

    appearance:none;

    }

    ol, ul {

        list-style: none;

    }

    //禁止选中文本内容

    *:not(input, select, textArea) {

        -webkit-user-select: none;

    }

    //禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加

    img,a{

    -webkit-touch-callout:none;

    }

    a,a:active,a:hover {

    text-decoration: none;

    }

    //去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)

    a,button,input,textarea{ 

    -webkit-tap-highlight-color:rgba(0,0,0,0);

    }

  • 相关阅读:
    Centos7使用systemd 管理elasticsearch,创建elasticsearch服务
    nginx日志切割的2种方法
    sudo linux
    redis 重启不了
    类与对象
    用Python写一个小的购物车
    包的使用
    Python模块简介
    zookeeper & Dubbo
    迭代器 & 生成器
  • 原文地址:https://www.cnblogs.com/ranyonsue/p/7066442.html
Copyright © 2011-2022 走看看