为什么Android上的Google Chrome呈现我的表格与桌面或Firefox不同？

我在wordpress上部署了一个网站，带有预定义的主题和一些在线购买活动门票的插件

现在我的问题是一个表格，显示所有事件的列表，在android设备上的google chrome上显示得非常错误。在我的android手机上的Firefox中，一切看起来都很好。以下两张图片显示了chrome和firefox中的网站（URL:）：

铬：

火狐：

我试着在我的桌面电脑上用谷歌浏览器查看这个网站，但是当我重新缩放窗口时，这个表格显示得很好

我使用“普通”媒体查询为表分配不同的css规则，例如：

@media (min-width: 768px){
.we-table-lisst .we-table td h3{ margin-bottom:15px;}
}
@media (max-width: 767px){
.we-table-lisst .we-table td h3{ margin-bottom: 2px;}
}

---

感谢您在这个问题上的帮助

Chrome浏览器的渲染效果与其他浏览器不同。对于媒体查询，请尝试以下操作：

---

@仅媒体屏幕和（最大宽度：600px）

您好，谢谢您的回答！那么，我如何在android上的chrome上应用不同的css规则呢？600px是在布局之间切换的更好宽度吗？您是否使用：是，除了它说：初始比例：1“>。其余都是相同的。