zoukankan      html  css  js  c++  java
  • 移动端公共样式

    @charset "utf-8";

    /* 禁用iPhone中Safari的字号自动调整 */
    html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch;
    }

    /* 禁止缩放表单 */
    input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
    }

    /* 取消链接高亮 */
    body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    /* 设置HTML5元素为块 */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    }

    /* 图片自适应 */
    img {
    100%;
    height: auto;
    auto9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
    }

    /* 初始化 */
    body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    }
    body {
    font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif;
    color: #555;
    background-color: #F7F7F7;
    }
    em, i {
    font-style: normal;
    }
    ul,li{
    list-style-type: none;
    }
    strong {
    font-weight: normal;
    }
    .clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    }
    .clearfix {
    zoom: 1;
    }
    a {
    text-decoration: none;
    color: #969696;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
    }
    a:hover {
    text-decoration: none;
    }
    ul, ol {
    list-style: none;
    }
    h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
    }
    img {
    border: none;
    }
    input{
    font-family: 'Microsoft YaHei';
    }
    /*单行溢出*/
    .one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    /*多行溢出 手机端使用*/
    .txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    }
    /* 移动端点击a链接出现蓝色背景问题解决 */
    a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    }
    .w50{
    50%;
    }
    .w25{
    25%;
    }
    .w20{
    20%;
    }
    .w33{
    33.333333%;
    }
    .fl{
    float: left;
    }
    .fr{
    float: right;
    }
    .db{
    display: block !important;
    }
    .dn{
    display: none;
    }

  • 相关阅读:
    mac下更改MySQL的默认编码
    pycharm使用gitlab输错密码解决办法
    Django中form组件的is_valid校验机制
    装饰器整理
    粘包
    MySQL常见数据库引擎及对比
    jtag、在线仿真器
    《如何高效学习》-整体性学习策略
    keil5到iar8的使用配置迁移
    Python3学习(1)——初步了解
  • 原文地址:https://www.cnblogs.com/PoisonousMushrooms/p/13671708.html
Copyright © 2011-2022 走看看