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

【问题标题】：Why is Google Chrome on Android rendering my table different than on desktop or in Firefox?为什么 Android 上的 Google Chrome 呈现我的表格与桌面或 Firefox 中的不同？
【发布时间】：2019-10-06 21:54:58
【问题描述】：

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

现在我的问题是一个表格，其中显示了所有事件的列表，它在 android 设备上的 google chrome 上显示非常错误。在我的 android 手机上的 Firefox 中，一切看起来都很好。下面是两张图片，展示了 chrome 和 firefox 中的网站（URL：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;}
}

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

【问题讨论】：

标签： android css google-chrome

【解决方案1】：

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

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

【讨论】：

您好，感谢您的回答！那么我如何将不同的css规则应用于android上的chrome呢？ 600px 是否更适合在布局之间切换？
你在使用：
是的，只是上面写着：initial-scale:1">。其余部分相同。