💻前端小知识 | 📏 `max-width` 和 `width` 的区别？

大家好！今天来聊聊CSS中的两个常见属性：`width` 和 `max-width`。它们看似相似，但作用却大不相同！🤔

首先，`width` 是一个固定值，它决定了元素的宽度是不可变的，除非你手动更改代码。简单来说，就是“我就是要这么宽！” 🛠️

而 `max-width` 则更灵活一些。它设置了元素宽度的最大限制，也就是说，当屏幕尺寸变小时，元素会自动缩小，但不会超过这个最大值。相当于说：“我最多只能这么宽。” 📱

举个栗子：如果你给一个盒子设定了 `width: 500px;`，那么无论屏幕多小，它都保持500px的宽度。但如果是 `max-width: 500px;`，当屏幕小于500px时，盒子会跟着变窄，直到最小宽度为止。✨

总结一下：`width` 是固定的宽度，而 `max-width` 是设置上限宽度！灵活使用这两个属性，可以让网页在不同设备上都有更好的表现哦！📱✨