移动端css样式初始化

html,

body,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

margin: 0;

padding: 0;

border: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

input {

white-space: nowrap;

}

input:-webkit-autofill {

-webkit-box-shadow: 00 0px 1000px #fffinset;

}

* {

background-repeat: no-repeat;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

ul,

li,

ol {

list-style: none;

}

img {

border: none;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

a {

text-decoration: none;

border: none;

outline: none;

tap-highlight-color: rgba(0, 0, 0, 0);

focus-ring-color: rgba(0, 0, 0, 0);

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

-webkit-focus-ring-color: rgba(0, 0, 0, 0);

-moz-tap-highlight-color: rgba(0, 0, 0, 0);

-moz-focus-ring-color: rgba(0, 0, 0, 0);

}

a:active {

outline: 0;

}

a:visited {

color: inherit;

}

input,

textarea,

select,

button {

outline: none;

-webkit-appearance: none;

}

input::-moz-placeholder,

textarea::-moz-placeholder {

color: #cccccc;

}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

color: #cccccc;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

color: #cccccc;

}

.clearfix:after {

content: ".";

display: block;

overflow: hidden;

height: 0;

clear: both;

visibility: hidden;

}