css@media未按预期工作

这是我第一次使用@media。简单地说，我只想在屏幕尺寸变小时应用以下样式。以下是样式：

td { border: 0.5px solid  #0071bc; }
tr{padding-bottom: 0.5em;}
tr td:first-child { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-top-width: 0.2em; }
tr td { border-left-width: 0.2em; border-right-width: 0.2em; }
tr td:last-child { border-bottom-left-radius: 0.5em;  border-bottom-right-radius: 0.5em; border-bottom-width: 0.2em; padding-bottom: 0.8em;}

我目前正在使用以下代码：

@media only screen and ( min-width: 15em ) {
td { border: 0.5px solid  #0071bc; }
tr{padding-bottom: 0.5em;}
tr td:first-child { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-top-width: 0.2em; }
tr td { border-left-width: 0.2em; border-right-width: 0.2em; }
tr td:last-child { border-bottom-left-radius: 0.5em;  border-bottom-right-radius: 0.5em; border-bottom-width: 0.2em; padding-bottom: 0.8em;}
}

---

下面的代码介绍了如何在全屏和小屏幕代码中设置表格的样式。我只想让它在屏幕尺寸小于15em时应用样式

如果要将样式应用于宽度不超过15em的浏览器，请使用最大宽度：）

如果要将样式应用于宽度不超过15em的浏览器，请使用最大宽度：）

如果要将样式应用于宽度不超过15em的浏览器，请使用最大宽度最大宽度为15em:）

如果要将样式应用于最大宽度为15em:）的浏览器，则应使用最大宽度

@media only screen and ( max-width: 15em )

---

你应该使用最大宽度

@media only screen and ( max-width: 15em )

---

你应该使用最大宽度

@media only screen and ( max-width: 15em )

---

你应该使用最大宽度

@media only screen and ( max-width: 15em )

---

你应该使用最大宽度

@仅媒体屏幕和（最大宽度：15em）

u应使用最大宽度

@仅媒体屏幕和（最大宽度：15em）

u应使用最大宽度

@仅媒体屏幕和（最大宽度：15em）

u应使用最大宽度<代码>@仅媒体屏幕和（最大宽度：15em）