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

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

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

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

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

原文地址:https://www.cnblogs.com/summer-work/p/6476082.html