Safari can't using css max-content
max-content
是 CSS 设置 width 时提供的一个较新的值,不同的浏览器存在一定的兼容性问题。
今天就碰到了 Safari 不能正常使用这个值的问题。
这个链接给出了标准答案:https://developer.mozilla.org/zh-CN/docs/Web/CSS/width
解决方法是在 CSS 样式表中另外指定一个 width: intrinsic;
即可:
.my {
width: max-content;
width: intrinsic;