Html 带有百分比参数的max CSS函数不适用于th元素

我想使表列的宽度响应于表的宽度，同时保持最小宽度。 为此，我将

minwidth:max（500px，33.3%）

应用于

th

元素，但所有列似乎既没有500px也没有33.3%的宽度。 我哪里做错了

名称
年龄
地址
福
20
酒吧
酒吧
28
福巴

表格{
表布局：固定；
最小宽度：100%；
溢出-x：滚动；
}
th{
最小宽度：最大（500px，33.3%）；
背景颜色：蓝色；
}

---

我认为最简单的方法是将这两个值分开​​与

---

最小宽度：最大（500px）；宽度：33.3%
我认为最简单的方法是将这两个值分开​​与

最小宽度：最大（500px）；宽度：33.3%
简单的只需做宽度为33.3%。它将随浏览器窗口缩放

    th {width: 33.3%;}

简单的刚做宽度为33.3%。它将随浏览器窗口缩放

    th {width: 33.3%;}


表格{
表布局：固定；
最小宽度：100%；
溢出-x：滚动；
}
th{
文本对齐：居中；
背景颜色：蓝色；
最大宽度：33.3%；
}
@媒体屏幕和屏幕（最大宽度：500px）{
th{
最大宽度：500px；
}
}

文件标题
名称
年龄
地址
福
20
酒吧
酒吧
28
福巴

表格{
表布局：固定；
最小宽度：100%；
溢出-x：滚动；
}
th{
文本对齐：居中；
背景颜色：蓝色；
最大宽度：33.3%；
}
@媒体屏幕和屏幕（最大宽度：500px）{
th{
最大宽度：500px；
}
}

文件标题
名称
年龄
地址
福
20
酒吧
酒吧
28
福巴