Mobile-friendly уравнения не отображаются на iPad about qqmbr

[ischurov]

Боже, как сложно жить! iPad-то я и не проверил. Спасибо за подробный репорт! Я только пока не совсем понял, как должен работать фикс. Вроде после него получается, что если экран широкий (больше 768 пикселей), то будут отображаться и широкие и узкие формулы. Или я совсем не понимаю, как эти селекторы работают…

[Batmaev]

В фиксе есть два одинаковых медиавыражения, которые отличаются оператором not. Поэтому всегда выполнится или одно выражение, или другое.

Отмечу, что not делает отрицание всего выражения целиком.

Рассмотрим второй медиа-запрос:

not (max-width: 768 px)    <=>
not (width <= 768 px)      <=>
width > 768 px

[Batmaev]

Впрочем, можно придумать более простое решение, например, использовать в одном медиа-запросе 768px, а в другом — 769px:

@media screen and (max-width: 768px) {
    .long-eq {
        display: none;
    }
}
@media screen and (min-width: 769px) { 
   .splitted-eq { 
       display: none; 
   } 
} 

Тогда широкие и узкие формулы будут отображаться одновременно, если экран имеет дробную ширину строго больше 768 и строго меньше 769 пикселей. Можно понадеяться, что такая ситуация не встретится, а если встретится — то две формулы лучше, чем ни одной.

[ischurov]

Спасибо! Я долго думал, в чём подвох, но не сообразил, что and имеет более высокий приоритет и not применяется ко всему выражению.