html {height:100%;overflow-y:auto;font-size:100px} html, body, div, p, ul, li, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, header{margin: 0;padding: 0;text-decoration: none;list-style: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing: border-box;} article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block;} body{height:100%;color:#333;font-family:'Microsoft YaHei',Geneva,Arial,Helvetica,sans-serif;font-size:14px;font-size:.14rem} /* 字体大小兼容 */ header,main{ /* min-width: 1200px; */ box-sizing: border-box; } a{color:#333;cursor:pointer;text-decoration: none;outline: none;} a,a:active,a:hover{text-decoration:none} /* 重置链接a标签的鼠标滑动效果 */ a,a:focus{outline:0} /* 取消a标签的虚线框 */ .to-top{ width: 46px; height: 46px; line-height: 46px; text-align: center; background: rgb(102, 102, 102); opacity: .6; color: #fff; font-size: 14px; z-index: 100; border-radius: 4px; } @media screen and (min-width: 1920px){ html{ font-size: 100px; } } @media screen and (max-width: 1919px){ html{ font-size: 5.208vw; } } /* @media screen and (max-width: 1200px){ html{ font-size: 62.5px; } } */ @media screen and (max-width: 980px){ html{ font-size: 13.33333vw; } }