reset 移动端

Posted sybboy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了reset 移动端相关的知识,希望对你有一定的参考价值。

html,
body,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar {
  display: none;
}

ul,
li {
  list-style: none;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
  font-family: "Pingfang SC", LiHei Pro Medium, "Microsoft YaHei", "微软雅黑",
  arial;
  font-size: 24px;

  position: relative;

  min-height: 100%;

  user-select: none;

  color: #000000;

  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select: none;
  height:100%;
}
a,button,input,textarea{
  border: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-modify:read-write-plaintext-only; 
}
input[type=number]::-webkit-textfield-decoration-container {
    background-color: transparent;    
}
input[type=number]::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
}


a:hover,
a:visited,
a:link,
a:active {
  text-decoration: none;
}

@font-face {
  font-family: DIN;

  src: url(///font/DINCond-Regular.otf);
}

@font-face {
  font-family: DIN-Light;

  src: url(///font/DINCond-Light.otf);
}

@font-face {
  font-family: DIN-Medium;

  src: url(///font/DINCond-Medium.otf);
}

@font-face {
  font-family: DIN-Bold;

  src: url(///DIN_Condensed_Bold.ttf);
}


 

以上是关于reset 移动端的主要内容,如果未能解决你的问题,请参考以下文章

解决移动端报错:Unable to preventDefault inside passive event listener due to target being treated as……(代码片段

业务线移动端适配方案总结

vue移动端(持续更新......)

你可能不知道的JavaScript代码片段和技巧(下)

你可能不知道的JavaScript代码片段和技巧(上)

译文:18个实用的JavaScript代码片段,助你快速处理日常编程任务