Наш дизайнер тестировал адаптивный сайт на своем мониторе 4k.Одна из точек прерывания выглядит следующим образом:
<link rel="stylesheet" media="all and (min-width: 1000px)" href="/css/desktop.css" type="text/css" />
<link rel="stylesheet" media="all and (min-width: 640px) and (max-width: 999px)" href="/css/tablet.css" type="text/css" />
Достаточно просто.Ему удалось найти точку между 999 и 1000 пикселей, где CSS сломался и страница вышла из строя.После некоторого серьезного искажения головы это решило проблему:
<link rel="stylesheet" media="all and (min-width: 640px) and (max-width: 999.9px)" href="/css/tablet.css" type="text/css" />
Я не мог найти ничего об использовании дробных пикселей в медиа-запросах, когда я его погуглил.Это даже вещь?Это лучший способ сделать это, или есть лучшая альтернатива?