CSS代码重置浏览器默认样式

来源:互联网 发布:丹朱围棋软件 编辑:程序博客网 时间:2024/05/22 12:50
大家可根据自己的项目开发情况自行修改一下代码:

* {
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          -webkit-touch-callout: none;
          list-style: none;
          margin: 0px;
          padding: 0px;
}
html,body {
      font-size: 20px;
      height:100%;
      
      font-family: sans-serif;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
@media only screen and (min-width: 320px) {
      html {
            font-size: 19px !important;
      }
}
@media only screen and (min-width: 400px) {
      html {
            font-size: 21.33333333px !important;
      }
}
@media only screen and (min-width: 414px) {
      html {
            font-size: 22.08px !important;
      }
}
@media only screen and (min-width: 480px) {
     html {
            font-size: 25.6px !important;
     }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
      display: block;
}
audio,
canvas,
progress,
video {
      display: inline-block;
      vertical-align: baseline;
}
a {
  background-color: transparent;
}
a:active,a:hover {
      outline: 0;
}
abbr[title] {
      border-bottom: 1px dotted;
}
img {
  border: 0;
}
svg:not(:root) {
      overflow: hidden;
}
figure {
      margin: 1em 40px;
}
code,kbd,pre,samp {
      font-family: monospace, monospace;
      font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
      font: inherit;
      color: inherit;
      outline: none;
}
button {
      overflow: visible;
}
button,select {
      text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
      -webkit-appearance: button;
      cursor: pointer;
}
button[disabled],
html input[disabled] {
      cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
      padding: 0;
      border: 0;
}
input {
      line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
          -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
          height: auto;
}
input[type="search"] {
      -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* placeholder color custom */
::-moz-input-placeholder {  line-height: 100%;}
::-webkit-input-placeholder { line-height: 100%; }
:-ms-input-placeholder { line-height: 100%;}
table {
  border-spacing: 0;
  border-collapse: collapse;
}



1 0
原创粉丝点击