移动前端知识汇总_移动前端开发知识体系

本篇文章主要针对前端样式的一些总结，至于适配方面的我想大家已经听了很多方法了，这里就不在重复了。最近以来一直在做移动端的一些活动页面，其中最主要的一些问题就是样式的统一，但在这个过程中也遇到很多问题和难题，先总结如下：

一、meta标签

<!-- 字符集meta标签 -->
<meta charset="UTF-8">
<!-- 视口，这个meta标签很重要，做适配时所必须的，这里面有几个意思，最小和最大缩放，是否允许用户缩放 -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<!-- IE使用最新的引擎渲染网页 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 可隐藏地址栏，仅针对ios的safari -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 仅针对ios的safari顶端状态条的样式 -->
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<!-- 忽略对电话号码的识别 -->
<meta name="format-detection" content="telephone=no" />
<!-- 忽略对邮箱地址的识别 -->
<meta name="format-detection" content="email=no" />

二、样式重置

移动端对于自己目前所有的项目结构来说需要重置样式的有：

重置padding和margin

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dd,
button,
input {