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;