移动端问题解决

1。单位之谜
今天做了适配移动端的项目，发现了很多问题，自己并不是很了解css的单位，平时做的项目也是pc端偏多，如今做了移动端的项目，才发现很多问题的出现，比如：在pc明明是好好的单位在移动端却乱了，在移动端一定要设置
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
这样用户在看界面不能放大，样式也就不会被改变。
px：像素（Pixel）,相对于设备的长度单位，像素是相对于显示器屏幕分辨率而言的。像素 (计算机屏幕上的一个点)。譬如，WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的用户所使用的分辨率一般是72像素/英寸。
em：任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

2。用户体验
点击事件设置在整行内，用户体验很好,比如当点击一个单选框时，可以设置单选框一定范围的点击事件。

3。点击事件背后会出现蓝色背景
解决移动端点击事件背后会出现蓝色背景或者闪退，就设置-webkit-tap-highlight-color:transparent;