Что именно происходит, когда браузер не поддерживает запросы функций?

Question

Запросы функций полезны для условной загрузки CSS.Они позволяют предоставлять раздел кода CSS только браузерам, которые поддерживают указанную функцию.

@supports (feature-name: feature-value) {
    /* Some CSS code here, for browsers that support feature-name: feature-value */
}

Однако многие старые браузеры не поддерживают запросы функций.

https://caniuse.com/#feat=css-featurequeries

Что произойдет с браузером без поддержки запросов к функциям в запросе к функциям?Будет ли браузер загружаться и использовать его?Или просто пропустить или игнорировать это?

Answer 1

Запросы функций и все, что в них, игнорируются браузерами, которые их не поддерживают.

@supports (feature-name: feature-value) {
    /*  CSS inside the feature query is visible 
        only to browsers that support feature queries.
        Invisible to other browsers, 
        even if they support feature-name: feature-value. */
}

Для этих браузеров вам необходимо использовать другие инструменты обнаружения функций, такие как Modernizr .

CSS медиазапросы похожи.Если браузер не поддерживает медиазапросы / запросы функций, он просто пропускает их и все внутри.