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;
    	}
    }
    

      

  • 相关阅读:
    UI
    最长回文子串
    LRU缓存机制
    环形链表 II
    环形链表
    买卖股票的最佳时机 II
    [CSP-S模拟测试]:连连看(图论+容斥)
    [CSP-S模拟测试]:集合论(模拟)
    [CSP-S模拟测试]:位运算(数学)
    [CERC2016]:凸轮廓线Convex Contour(模拟+数学)
  • 原文地址:https://www.cnblogs.com/yuanyuan0809/p/5388011.html
Copyright © 2011-2022 走看看