html设置视口,手机端清理样式以及html添加视口标签

视口标签

device-width  设备宽度

(视觉视口)initial-scale=1.0

初始化时，缩放的倍数

minimum-scale   最小的缩放倍数

maximum-scale=1.0

最大的缩放倍数

user-scalable=no

是否允许用户手机缩放大小

手机端清理样式

样式初始化

@charset "utf-8";

html {

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%;

}

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

}

article, aside,

details,figcaption,figure,footer,header,hgroup, menu,nav,section

{

display: block;

}

img {

max-width: 100%;

height: auto;

width:auto\9;

-ms-interpolation-mode:bicubic;

}

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-family: Microsoft YaHei,Tahoma,Arial,sans-serif;

color:#555; background-color:#F7F7F7;}

em,i{font-style:normal;}

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

.scope{min-width:320px; max-width:540px;}