max-content 是 CSS 设置 width 时提供的一个较新的值,不同的浏览器存在一定的兼容性问题。

今天就碰到了 Safari 不能正常使用这个值的问题。

这个链接给出了标准答案:https://developer.mozilla.org/zh-CN/docs/Web/CSS/width

解决方法是在 CSS 样式表中另外指定一个 width: intrinsic; 即可:

.my {
    width: max-content;
    width: intrinsic;