В чем разница между & ldquo; экраном & rdquo; и & ldquo; только экран & rdquo; в медиа-запросах?

Это чистое решение JavaScript для этой проблемы. Хорошо работает во всех браузерах

<script>
    function upload_image_init(){
        var elem = document.getElementById('file');
        if(elem && document.createEvent) {
           var evt = document.createEvent("MouseEvents");
           evt.initEvent("click", true, false);
           elem.dispatchEvent(evt);
        }
    }
</script>
445
задан daaawx 16 April 2019 в 22:39
поделиться

1 ответ

@media screen and (max-width:480px) { … } 

screen здесь должен установить размер экрана мультимедийного запроса. Например, максимальная ширина области дисплея составляет 480 пкс. Таким образом, это указывает экран в противоположность другим доступным типам среды.

@media only screen and (max-width: 480px;) { … } 

only screen здесь используется для предотвращения более старых браузеров, которые не поддерживают мультимедийные запросы с функциями медиа от применения указанных стилей.

0
ответ дан 22 November 2019 в 23:01
поделиться
Другие вопросы по тегам:

Похожие вопросы: