медиа-запрос минимальной ширины не работает в Chrome - PullRequest
Новая
       8

медиа-запрос минимальной ширины не работает в Chrome

0 голосов
/ 12 февраля 2019

У меня есть простая проблема, решение которой ускользало от меня в течение многих дней.Приведенный ниже код работает в основных браузерах (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

Любые указатели будут высоко оценены!

...