zoukankan      html  css  js  c++  java
  • 移动端Css初始化

        @charset "utf-8";
        /* 禁用iPhone中Safari的字号自动调整 */
        html {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none; /* Chrome/Safari/Opera */
            -khtml-user-select: none; /* Konqueror */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
            not supported by any browser */
        }
        /* 去除iPhone中默认的input样式 */
        input[type="submit"], input[type="reset"], input[type="button"], input{ -webkit-appearance:none; resize: 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 { max- 100%; height: auto; -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; border:none;}
        body{font: normal 14px/1.5 Tahoma,"Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
        em,i{font-style:normal;}
        strong{font-weight: normal;}
        a{ text-decoration:none; color:#969696; }
        a:hover{color:#f60;}
        ul,ol{list-style:none;}
        h1, h2, h3, h4, h5, h6{ font-size:100%; }
        img{ border: none; vertical-align: middle; }
    
        /* clear */
    
        .clearfix::after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }
        .clearfix {
            zoom: 1;
        }
        /* 超过隐藏 */
        .ellipsis {
            overflow: hidden;
            word-break: keep-all;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        /* 超过2行隐藏 */
        .ellipsis2 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }
        /* 左浮动 */
        .fl {
            float: left;
        }
        /* 右浮动 */
        .fr {
            float: right;
        }
        
        
  • 相关阅读:
    使用外部属性文件
    Bean的作用域
    Bean之间的关系
    Spring MVC--第一个程序
    Spring MVC 概述
    Spring Tool Suite 安装
    自动装配
    6)HTML中a链接跳转地址怎么写
    PHP小点注意
    5)关于CSS和js静态文件引入路径
  • 原文地址:https://www.cnblogs.com/Model-Zachary/p/6095288.html
Copyright © 2011-2022 走看看