媒体查询最小宽度不适用于Chrome浏览器

Question

我有一个简单的问题，困扰我数日的解决方案。以下代码似乎可以在主要浏览器（MS Edge，Safari等）上运行，但不适用于Google Chrome。

我正在使用以下媒体查询，以根据设备宽度在不同位置显示相同菜单。最大宽度按预期工作；但最小宽度在Chrome中不起作用

@media (max-width: 480px) {
  .shorty {
	display: none !important;
	}
}
@media (min-width: 481px) {
  .shorty_not {
	display: none !important;
	}
}

<td class="shorty">MENU</td>
<table class="shorty_not">MENU</table>

本质上，根据大小，菜单以<td>或<table>的形式显示。但是，调整浏览器大小时，只有Chrome会继续在<table>中显示菜单（尽管其他所有功能都可以在Chrome中正常运行）。

下面跟随着测试页的链接，当调整页面大小时，您会注意到以下问题：http://japan-translators.saeculii.com/index1.cfm

任何指针将不胜感激！