Почему Google Chrome на Android отображает мою таблицу иначе, чем на настольном компьютере или в Firefox?

Question

Я развернул веб-сайт на WordPress с предопределенной темой и некоторыми плагинами для покупки билетов на мероприятия онлайн.

Теперь моя проблема - это таблица, показывающая список всех событий, который отображается ужасно неправильнона Google Chrome на устройствах Android. В Firefox на моем андроид телефоне все выглядит нормально. Вот две картинки, показывающие веб-сайт (URL: https://kuba -halle.de / tickets ) в Chrome и Firefox:

Chrome:

Firefox:

Я пытался просмотреть веб-сайт в Google Chrome на своем настольном компьютере, но там таблица отображается нормально, когда я масштабирую окно.

Я использую "обычные" медиазапросы дляназначьте различные правила 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;}
}

Спасибо за любую помощь с вопросом!

Answer 1

Chrome не отображается так же, как другие браузеры. также попробуйте это для вашего медиа-запроса:

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