利用JavaScript判断页面宽度的响应式布局方法

首先前端中，样式尺寸单位全部用rem，比如：

.content{
width: 8rem;
border-radius: 0.15rem;
font-size: 0.95rem;
letter-spacing: 0.15rem;
｝

接着页面中的html给个默认的font-size样式，比如：

最后就是利用JavaScript判断页面宽度，实时修改html的font-size的大小。

rem单位就可以随着html的font-size的大小自动修改大小，达到响应式布局的效果。