zoukankan      html  css  js  c++  java
  • css代码初始化

    综合腾讯,淘宝,新浪等初始化设置及个人习惯:

    body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,th,tr,td,dl,dt,dd,img,div,input,textarea,select{margin:0;padding:0;border:0;} 
    
    body{font-size:12px;font-family:"SimSun","宋体","Arial Narrow";}
    
    table{border-collapse:collapse;border-spacing:0} 
    
    select,input,img,select{vertical-align:middle;} 
    
    ul, ol ,li{ list-style:none; } 
    
    em, b,i { font-style:normal;font-weight:100; } 
    
    a { text-decoration:none; } 
    
    a:hover { text-decoration:underline; } 

     对于只需要适配少量机型,且分辨率对页面影响不大,使用px即可,对于需要适配全部机型时,使用rem作为单位

    html{
      font-size: 10px;
    }
    @media only screen and (min- 320px) and (max- 375px) {
    	html{
    		font-size: 11px;
    	}
    }
    @media only screen and (min- 376px) and (max- 414px) {
    	html{
    		font-size: 12px;
    	}
    }
    @media only screen and (min- 415px) and (max- 639px) {
    	html{
    		font-size: 15px;
    	}
    }
    @media only screen and (min- 640px) and (max- 719px) {
    	html{
    		font-size: 20px;
    	}
    }
    @media only screen and (min- 720px) and (max- 749px) {
    	html{
    		font-size: 22.5px;
    	}
    }
    @media only screen and (min- 750px) and (max- 799px) {
    	html{
    		font-size: 23.5px;
    	}
    }
    @media only screen and (min- 800px) {
    	html{
    		font-size: 25px;
    	}
    }
    

      

  • 相关阅读:
    js等弱类型语言的"鸭子类型"
    js中的局部函数与局部变量
    js中的break和continue
    for in 循环
    js中的异常
    js中的运算符
    js中的符合类型
    js中的数据类型
    js强大的数据类型转换
    shell67批量创建用户(来自文件)
  • 原文地址:https://www.cnblogs.com/yuanyuan0809/p/5388011.html
Copyright © 2011-2022 走看看