Описание тега matchmedia
Используйте matchmedia для вопросов, связанных с программным обнаружением поддержки API для различных мультимедийных функций в среде выполнения веб-браузера.
1
ответ
Safari игнорировать window.matchMedia
Я использую условное окно window.matchMedia, чтобы избежать вставки видео в мобильные устройства. Здесь говорится, что matchMedia будет работать гладко начиная с Safari 9 (я тестирую его), но мой код полностью игнорируется: if ( window.matchMedia("(…
01 мар '16 в 09:47
1
ответ
Как я могу исправить matchMedia "не работает"
Я кодирую пользовательский интерфейс и хочу, чтобы jQuery проверил экран мультимедиа min-width, затем проверьте, есть ли у div класс. Если это так, он должен переключать класс. Я пытался использовать код для window.matchMedia() но это не работает if…
08 фев '19 в 21:03
4
ответа
Удалите / добавьте классы CSS на точку останова с matchmedia.js
У меня есть следующий код, который отлично работает, когда размер экрана 770px и ниже (определяется точками останова): var handleMatchMedia = function (mediaQuery) { if (mediaQuery.matches) { $j(".view-all a").removeClass("button"); $j(".view-all").…
25 апр '15 в 13:20
2
ответа
Ошибка window.matchMedia('print') в Firefox и IE
У меня есть кнопка печати, которая запускает функцию печати на любой веб-странице. Кнопка скрывается, как только пользователь нажимает на нее, и показывает, завершил ли пользователь печать или нажал кнопку закрытия в окне печати. Он отлично работает…
15 янв '16 в 21:04
1
ответ
window.matchMedia не меняется даже при наличии медиазапросов
Есть файл CSS с этими правилами: @media screen and (orientation:portrait) { .foo {} } @media screen and (orientation:landscape) { .foo {} } А потом у меня есть этот скрипт, работающий на orientationchange: function checkOr(){ if (window.matchMedia("…
05 июн '13 в 11:33
1
ответ
Утечка памяти webkit при обновлении страницы?
Мы столкнулись с этой проблемой при расследовании сбоев памяти на iOS Mobile Safari. Наиболее заметно в большом приложении HTML5, таком как игра HTML5, мы обнаружили утечку памяти в браузере, когда память будет увеличиваться при каждом обновлении. В…
29 июл '13 в 08:08
0
ответов
Почему.matchMedia не работает в этих определенных условиях?
Я делаю страницу, которая использует кнопки для отображения контента, когда экран шире, чем 500 пикселей, а затем он переходит к макету в стиле "аккордеон", когда экран меньше, чем 500 пикселей. Я использую прослушиватели событий и сопоставляю медиа…
21 июл '18 в 12:39
2
ответа
Как addListener работает с matchmedia API?
Что бы matchMedia("(min-width: 500px)").addListener(foo); делать? Вот что делает addListener() Функция здесь? Это выполняет функцию foo() когда ширина окна просмотра изменяется?
07 май '16 в 08:37
1
ответ
JS matchMedia if-оператор
Я пытаюсь активировать свой модный ящик для области просмотра>=768 пикселей и активировать свою магнитную коробку для вида <768 пикселей. К сожалению, ни один не открывается сейчас... что я пропускаю? Спасибо за вашу помощь! У меня тонны CSS, поэтом…
13 окт '15 в 22:05
1
ответ
Включить скрипт jQuery в нижний колонтитул только на мобильном устройстве и изменять размер
Я пытаюсь включить плагин jQuery от Codrops - который превращает меню в панель слева и снизу. Я бы хотел использовать то же меню, что и обычная верхняя панель на экранах рабочего стола, просто меняя стили идентификатора и классов, которые идут с дем…
27 июн '15 в 23:26
1
ответ
Добавить пароль в PDF автоматически
В настоящее время я использую этот код, чтобы просто получить предупреждение в диалоговом окне печати (function() { var beforePrint = function() { alert('Functionality to run before printing.'); }; var afterPrint = function() { alert('Functionality …
30 июл '16 в 17:14
1
ответ
Как объединить max-width, min-width в запросе matchMedia?
Я работаю с API matchMedia, чтобы определить области просмотра в javascript, поэтому я могу минимизировать количество манипуляций с dom. Вместо того, чтобы использовать display: none везде я определяю, вставлены ли элементы в DOM или нет v-if директ…
25 июл '17 в 08:20
1
ответ
Адаптивный ("идентификатор изображения + текстовая строка") JavaScript для адаптивных изображений
Я использовал следующий код для замены адаптивного изображения: //HTML: <img id="testimage" onLoad="minWidth32('test_image')" src="testimage_small.jpg"> //JavaScript: var screencheck = window.matchMedia("(min-width: 32em)"); function minWidth3…
21 авг '14 в 12:03
1
ответ
Есть ли какая-либо причина, по которой window.matchMedia('screen') вернул бы false в веб-браузере?
Я запускаю следующий код: var hasMatchMediaSupport = (typeof window.matchMedia !== 'undefined') ? !!window.matchMedia('screen').matches : false; Есть ли причина, по которой эта проверка вернула бы ложь? Это происходит только в браузерах Firefox в са…
21 окт '15 в 06:19
1
ответ
Безголовые браузеры не учитывают порт просмотра в запросах matchMedia
Я какое-то время играл с phantomJS и столкнулся с проблемами при использовании его на веб-сайтах, которые используют запросы matchMedia для различения типов устройств. Некоторое время я думал, что это была фантомная проблема, но это происходит с дру…
10 авг '17 в 15:43
1
ответ
Polyfill для enquire.js в WordPress
Я пытаюсь использовать Enquire.js в моей установке Wordpress. Я пытаюсь просто нажать левую колонку под центральной колонкой для маленьких экранов. Я получил его для работы в большинстве браузеров моего ноутбука, но он не работает в старых браузерах…
14 сен '13 в 05:19
0
ответов
JS if/else оператор для настройки высоты окна не работает
Короткая версия: Видите ли вы какие-либо ошибки в этом операторе if/else? <script type="text/javascript" charset="utf-8"> function more() { document.getElementById("more").style.display = "flex"; if (window.matchMedia('screen and (min-width: 1…
18 авг '15 в 16:37
1
ответ
Условные медиазапросы window.matchMedia
Я работаю с window.matchMedia() и я не могу заставить функцию применять вторичный класс, когда max or min width достигнуто Я воссоздал проблему ниже с простым изменением размера шрифта. Я прочитал о matchMedia() и я пробовал это двумя разными способ…
10 окт '17 в 14:58
0
ответов
Matchmedia частично работает?
Мне удалось частично выполнить мой запрос matchmedia, т.е. он работает при загрузке окна, но не может работать с изменением размера. Я действительно новичок в этом (отсюда дерьмовый вопрос), так что успокойся и говори медленно. Я пытаюсь заставить е…
16 фев '15 в 13:34
1
ответ
window.matchMedia работает только при обновлении окна
window.matchMedia работает, но я подумал, что это будет работать так же, как использование "@media only screen" и работает там, где при сужении экрана это происходит. С помощью window.matchMedia экран должен быть загружен или обновлен, например, есл…
21 мар '16 в 18:44