程序中遇到的坑

程序中遇到的坑

px转成rem

px转成rem的原理：
如果是在iPhone6的尺寸下开发（一般是在iPhone的尺寸大小开发），如果设计稿的大小也是375宽，而且根据您的js得到的1rem = 50px的话，那么就拿您在设计中量出来的尺寸/50，就得到了rem的值。
一般在移动端布局的时候要引入几个meta标签

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<!--设置视口-->
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
	<meta name="format-detection" content="telphone=no, email=no"/>
	<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<!-- 设置苹果工具栏颜色 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>  

在使用jQueryUI的时候，注意jQueryUI的css样式中有媒体查询，会影响布局的视屏性，所以我们要将jQueryUI中的媒体查询注释掉。

React中使用iconfont

在React的项目中有的时候用span标签引入iconfont，这个时候矢量图标不会显示，则将span标签改成i标签就可以显示了