16.移动端设置 (2)

vw, vh, vmin, vmax:IE9+局部支持,chrome/firefox/safari/opera支持,iOS safari 8+支持,Android browser4.4+支持,chrome for android39支持

/* html中font-size:100px; 1rem == 100px; 100px == ?vw;

如果设计图为640px;

考虑的dpr 2 640px / 2 == 320px; 100vw == 320px; 1vw == 3.2px; ?vw == 100px;

31.25vw == 100px;

1rem = 100px = 31.25vw

如果设计图为750px;

考虑的dpr 2 750px / 2 == 375px; 100vw == 375px; 1vw == 3.75px; ?vw == 100px;

26.67vw == 100px;

1rem = 100px = 26.67vw */

清除默认

@charset "utf-8";

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,figure{margin:0;padding:0}

{box-sizing:border-box;}/触发怪异盒模型*/

body{font-family: '微软雅黑';}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:16px;}

b,strong{font-weight:normal;}

em,i{font-style:normal;}

a,u{text-decoration:none;}

img{border:0;display:block;}

ul,ol,li{list-style:none;}

input{outline:none;}

.clear-fix:after{content:".";clear:both;display:block;height:0;overflow: hidden;visibility: hidden;}

html,body{height:100%;}

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wssdwg.html