移动端web页面模板,和css重置文件

1.设置网页跟字体大小

(function(){

var html=document.documentElement;

var hWidth=html.getBoundingClientRect().width;

html.style.fontSize=hWidth/数字+'px';

}())

2.重置移动端相关默认样式

a,

input,

button {

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

}

h1 {

margin: 0;

padding: 0;

}

a {

text-decoration: none;

}

input,

button {

-webkit-apperance: none;

border-radius: 0;

}

body {

margin: 0;

-webkit-user-select: none;

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

}

body * {

-webkit-user-select: none;

font-family: Helvetica;

}

ul {

margin: 0;

padding: 0;

list-style: none;

}

img {

vertical-align: top;

}

body,

html {

height: 100%;

width: 100%;

}

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 7,935评论 1 84
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 614评论 0 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 70,692评论 12 116
  • 有一天,我听到走廊里突然响起“惊天动地”的哭声。也许每一个幼教工作者对孩子的哭声都格外的敏感,我冲出去,...
    亲爱的小鱼老师阅读 161评论 1 3
  • 我难得这回额标题稍微正式一点吧我终于那个回归正轨了,没有其实我每次标题都挺正式的,没有但是到了编辑文字的时候就成了...
    1大太阳阅读 17评论 0 1