👉 拖动浏览器窗口左右边缘改变宽度,对比下面两个盒子的变化。也可按 F12 开「设备工具栏」切换机型。
我用 vw 单位
窗口变宽,我整体变大;窗口变窄,我整体变小。比例始终一致 —— 这就是移动端适配。
🚀
我用固定 px(width:200px)
无论窗口多宽,我永远 200px,在不同手机上占屏比例会不一致。