Как самый безопасный способ с помощью медиа-запросов сделать что-то, что происходит не на устройстве с сенсорным экраном? Если нет возможности, вы предлагаете использовать решение JavaScript, такое как !window.Touchили...
Я пытаюсь совместить использование переменной Sass с запросами @media следующим образом: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width затем определяется в различных точках измерения ширины...
Это может показаться глупым вопросом. Если я использую этот фрагмент CSS для обычных дисплеев (где box-bg.png200 на 200 пикселей); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } и если я использую медиа-запрос, подобный этому, для нацеливания на дисплеи...
По какой-то причине режим эмуляции устройства не читает мои медиа-запросы. Он работает на других сайтах, включая мои собственные, которые я создал с помощью начальной загрузки, но не работает с медиа-запросами, которые я использую с нуля (при нажатии на кнопку медиа-запросов кнопка становится...
Как точно распределить медиа-запросы, чтобы избежать дублирования? Например, если мы рассмотрим код: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /* everything else */ } Что будет...
EDITED: Может быть, мне следует спросить, какой селектор устанавливает боковые отступы, когда экран уменьшается до ширины ниже 480 пикселей? Некоторое время я просматривал bootstrap-responseiveness.css, чтобы найти это, но, похоже, на это ничего не влияет. Оригинал Я в основном хочу удалить любые...
У меня есть класс элемента и компактный класс «модификатор»: .item { ... } .item.compact { /* styles to make .item smaller */ } Это отлично. Однако я хотел бы добавить @mediaзапрос, который заставляет .itemкласс быть компактным, когда экран достаточно мал. На первый взгляд это то, что я пытался...
Начиная с Bootstrap 3 больше нет отдельных файлов для адаптивных и стандартных таблиц стилей. Итак, как я могу легко удалить отзывчивые функции?
Я работаю с несколькими планшетными устройствами - оба Android и iOS. В настоящее время у меня есть следующие варианты разрешения для всех планшетов. 1280 х 800 1280 x 768 1024 x 768 (очевидно, для iPad) - iPad не имеет этой проблемы Самый простой способ применить стиль, основанный на ориентации...
В последнее время я разрабатывал более отзывчивые сайты и часто использовал медиа-запросы CSS. Я заметил одну закономерность: действительно имеет значение порядок, в котором определяются медиа-запросы. Я тестировал его не в каждом браузере, а только в Chrome. Есть ли объяснение такому поведению?...