Как я могу узнать, какие стили в моем CSS не применяются в ie8?

Я прихожу немного поздно здесь, я не очень благодарен за это, я просто собираю ответы ниже, потому что я был вынужден сделать это для проекта.

Поэтому, чтобы ответить на вопрос: нет такой вещи, как это свойство CSS. Я не знаю почему, но я думаю, что это потому, что они боятся злоупотребления этим свойством, но я не нахожу никакого случая, когда это может быть серьезной проблемой.

Что бы ни было решения?

Два инструмента позволят нам это сделать: медиа-запросы ans свойство vw

1) Существует «дурацкое» решение, состоящее в создании медиа-запроса для каждого шага, который мы используем в нашем css, изменяя шрифт с фиксированной суммы на другую фиксированную сумму. Он работает, но это очень скучно, и у вас нет гладкого линейного аспекта.

2) Как объяснил почти Pitt, для минимумов есть решение для блеска:

font-size: calc(7px + .5vw);

. Минимум здесь будет 7px в дополнение к 0,5% от ширины вида. Это уже действительно здорово и работает в большинстве случаев. Это не требует каких-либо медийных запросов, вам просто нужно потратить некоторое время на поиск правильных параметров.

Как вы заметили, это линейная функция, основные математики узнают, что две точки уже находят вам параметры. Затем просто исправьте размер шрифта в px, который вы хотите для очень больших экранов и для мобильной версии, а затем вычислите, хотите ли вы сделать научный метод. Думаю, это абсолютно не нужно, и вы можете просто попробовать.

3) Предположим, у вас очень скучный клиент (например, я), который абсолютно хочет, чтобы название было одной строкой и не более. Если вы использовали решение AlmostPitt, у вас проблемы, потому что ваш шрифт будет расти, и если у вас есть контейнер с фиксированной шириной (например, при загрузке в 1140px или в больших окнах). Здесь я предлагаю вам также использовать медиа-запрос. На самом деле вы можете просто найти максимум максимального размера пикселей, который вы можете обрабатывать в своем контейнере, прежде чем этот аспект станет нежелательным (pxMax). Это будет ваш максимум. Тогда вам просто нужно найти точную ширину экрана, которую вы должны остановить (wMax). (Я позволяю вам самостоятельно инвертировать линейную функцию).

После этого просто сделайте

@media (min-width: [wMax]px) {
    h2{
        font-size: [pxMax]px;
    }
}

. Тогда он совершенно линейный и ваш шрифт перестанет расти! Обратите внимание, что вам не нужно помещать свое предыдущее свойство css (calc ...) в медиа-запрос в wMax, потому что медиа-запрос считается более важным и он перезапишет предыдущее свойство.

Не думаю, что полезно сделать для этого фрагмент, так как вам будет трудно сделать его на весь экран, и это не ракета-наука.

Надеюсь, это поможет другим, и не забудьте поблагодарить AlmostPitt за его решение.