html前端笔记-页面自适应

//所有笔记都来源网络，都自己编码成功过的
//如有错误欢迎指正，如有更优解欢迎讨论

1. width自适应很好解决：

width: 100%;

2. 高度设成height: 100%;页面不会随着屏幕高度而自适应，因为浏览器不会计算页面高度，只会给你弄个滚动条给你

所以在设高度成%时，要先设置过：
css加入

body,
html {
	width: 100%;
	height: 100%;
}

3. 字体大小自适应：
先在css中设置：

body {
	text-align: center;
	font: normal 100% Helvetica, Arial, sans-serif;
}

然后字体大小单位不要用px，要用em，1em=16px,2em=32px;