这个meta的作用是让普通移动网页被添加到主屏幕后，拥有一些类native的功能，很多同学应该都很熟悉了。就是类似隐藏ios的上下状态栏，实现全屏，禁止弹性拖拽，全屏，修改顶部颜色等。
<meta name="apple-mobile-web-app-capable" content="yes">
设置理想视口
<meta name="viewport" content="width=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
rem(一个CSS单位)
这个单位的定义和em类似，不同的是em是相对于父元素，而rem是相对于根元素。rem定义是根元素的font-size, 以rem为单位，其数值与px的关系，需相对于根元素<html>的font-size计算，比如，设置根元素font-size=16px, 则表示1rem=16px。手机默认字体大小都是16px，如果你想设置10px的话，便可以将字体大小设置为10/16
=62.5%
<meta name="apple-mobile-web-app-capable" content="yes">
设置理想视口
<meta name="viewport" content="width=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
rem(一个CSS单位)
这个单位的定义和em类似，不同的是em是相对于父元素，而rem是相对于根元素。rem定义是根元素的font-size, 以rem为单位，其数值与px的关系，需相对于根元素<html>的font-size计算，比如，设置根元素font-size=16px, 则表示1rem=16px。手机默认字体大小都是16px，如果你想设置10px的话，便可以将字体大小设置为10/16
=62.5%
扫一扫
2651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
