今天把我写的一个网页发给老师了，他在电脑上显示的时候网页内容都错位了，我在代码head部分添加了
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
这段代码，但是还是不能宽度自适应，最后把代码中的宽度都用%来代替才能自适应屏幕。
所以，将代码中的宽度高度都用%来表示，页面就会自适应屏幕宽度。
原文：http://www.cnblogs.com/summer-work/p/6476082.html