网页在不同屏幕下的自适应

今天把我写的一个网页发给老师了，他在电脑上显示的时候网页内容都错位了，我在代码head部分添加了

<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>

这段代码，但是还是不能宽度自适应，最后把代码中的宽度都用%来代替才能自适应屏幕。

所以，将代码中的宽度高度都用%来表示，页面就会自适应屏幕宽度。