em 是指当前元素所使用的字体中大写字母M的宽度。为什么要单独用M的宽度来表示呢？因为英文字体中有些是不等宽的字体，其中i的宽度最小，W的宽度最大，所以用M的宽度来做个代表，不过中文字体都是等宽的，没有这方面的麻烦。我们可以简单地把em理解为字体的大小，比如说当前元素的字体大小（font-size）是16px，那么1em=16px，1.5em=24px，依此类推。
rem与em类似，只不过它是以根元素（html）的字体大小作为基本单位的。
em和rem主要用于页面的弹性布局
h1=32px、h2=24px、h3=18.72px、h4=16px、p=16px、h5=13.28px、h6=12px，操作方法如下：
1、首先新建一个工程，new一个project。
2、接着在project中找到staticweb，自己填名字。
3、在创建好的html中创建html5文件，输入想要的html名字。
4、然后在打开的页面中，输入的文字添加h1到h6的字。
5、输入完成后，打开浏览器，显示的内容如下，就完成了。
如果你能利用css+div技术控制显示，分辨率不同其实是没有多大关系的。比如你这的这个button按钮，
我设置一个div
#btn{
width:1400px
margin:0px auto
overflow:hidden
}
将这些按钮放在这个div里面，1400分辨率和1900分辨率的屏幕都只能放下70个按钮。
不同的是，1900分辨率的屏幕会留有空白，但不会影响整体效果。
希望这个对你有所帮助。
