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

Question

我已经在 wordpress 上部署了一个网站，其中包含预定义的主题和一些用于在线购买活动门票的插件。

现在我的问题是一个表格，显示了所有事件的列表，它在 android 设备上的 google chrome 上显示非常错误。在我的 android 手机上的 Firefox 中，一切看起来都很好。下面是两张图片，展示了chrome 和 firefox 中的网站（网址： https ://kuba-halle.de/tickets）：

铬合金：

火狐：

我试图在我的台式计算机上查看谷歌浏览器中的网站，但是当我重新调整窗口时，表格呈现正常。

我使用“普通”媒体查询为表分配不同的 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;}
}

感谢您对这个问题的任何帮助！

标签： androidcssgoogle-chrome

Answer 1

Chrome 的呈现方式与其他浏览器不同。也试试这个你的媒体查询：

@media only screen and (max-width: 600px)