Публикации по теме 'media-queries'
Некоторые полезные методы создания адаптивных страниц
Как многие из нас уже знают, отзывчивость в основном достигается за счет добавления на страницу нескольких @media запросов. Но если вы когда-либо работали над большим проектом, то вы знаете, что это не конец истории. В этом посте мы рассмотрим некоторые менее известные, но важные методы включения отзывчивости удобным для сопровождения способом.
Вопросы по теме 'media-queries'
Запросы CSS Media при изменении размеров браузера?
Я думаю, что медиа-запросы CSS не работают, когда пользователь изменяет размер браузера? Пользователю придется обновить страницу, чтобы медиа-запрос вступил в силу? Как я могу обновить медиа-запрос, возможно, с помощью JS? в настоящее время я...
25674 просмотров
schedule
22.04.2024
mediaelement.js — адаптивный медиа-запрос для обслуживания видео, оптимизированных для мобильных и настольных компьютеров.
Я хочу обслуживать два файла. Низкое разрешение для мобильных устройств и высокое разрешение для компьютеров и планшетов.
Я видел, что это предлагается здесь и здесь (см. Отправка видео с различным сжатием на портативные устройства), чтобы...
1163 просмотров
schedule
27.04.2024
Проблемы с оператором Not в Media Query
Я работаю над адаптивным сайтом, и мой клиент хочет, чтобы определенные стили применялись к рабочему столу с разрешением 768 пикселей, но НЕ к планшетам такого размера. Я пробовал несколько медиа-запросов, но я могу только заставить Firefox...
3261 просмотров
schedule
13.08.2022
Как изменить панель содержимого с вертикальными вкладками на адаптивную складную с помощью медиа-запросов и jquery?
Я пытаюсь создать шаблон навигации по содержимому, который использует вертикально расположенные вкладки для переключения отображения скрытых панелей содержимого рядом с вкладками. При меньшей ширине эта закономерность нарушается.
Вот моя скрипка:...
2027 просмотров
schedule
28.10.2023
Медиа-запросы в DotNetNuke, поддержка мобильных устройств
Я начинаю новый проект, который требует управления контентом, и решил использовать dotnetnuke, который я никогда раньше не использовал, и меня беспокоит использование медиа-запросов для мобильных устройств.
Могу ли я использовать медиа-запросы в...
787 просмотров
schedule
05.07.2022
использование медиа-запросов css с iframe
У меня есть страница, которая загружает iFrame (fancybox). Мои медиа-запросы CSS отлично работают на родительских страницах, но когда контент вызывается в iFrame, медиа-запросы не работают. (содержимое в iFrame имеет собственную таблицу стилей)....
3156 просмотров
schedule
05.07.2022
Точки останова и параметр font-size
Кто-нибудь имел опыт использования параметра "размер шрифта" с миксином в точке останова?
В документации указано следующее...
<$font-size>: When using EMs for your grid, the font size is important. Default: $base-font-size
В...
661 просмотров
schedule
04.08.2022
Показать навигацию, если навигация скрыта
У меня есть некоторые CSS и медиа-запросы, которые скрывают и показывают мою навигацию:
Итак, по умолчанию навигация:
nav {
display: inline;
}
Затем, используя медиа-запрос, я скрываю его:
@media only screen and (min-width: 480px)...
123 просмотров
schedule
08.02.2024
Создание стабильных адаптивных макетов в Twitter Bootstrap
Я создаю адаптивный макет с помощью Twitter Bootstrap, и мне сложно поддерживать его в хорошем состоянии на всех размерах/устройствах.
В своих ранних попытках я пытался просто использовать сетку для размещения, но элементы страницы никогда не...
269 просмотров
schedule
24.02.2024
Firefox не распознает медиа-запросы
У меня есть небольшой шаблон, написанный на FreeMarker языке шаблонов. У меня есть следующий фрагмент css:
<style type="text/css">
@media print {
@page {
size: landscape;
}
}
@media screen {
.run {
min-height:...
299 просмотров
schedule
28.08.2022
Почему я не могу обнаружить медиа-запросы в IE9 с помощью modernizr
Я искал поддержку медиазапросов CSS3 в браузерах, и IE9+ поддерживают их, http://caniuse.com/css-mediaqueries , но когда я использую Modernizr для его обнаружения, оказывается, что ie7-ie9 его не поддерживают, ie10 поддерживают. Что я делаю:...
1046 просмотров
schedule
14.05.2024
элементы управления стеком в мобильном представлении
При просмотре с рабочего стола моя метка и два элемента управления текстовым полем выровнены по горизонтали. Однако, когда пользователь просматривает сайт на мобильном телефоне, я бы хотел, чтобы текстовые поля располагались друг над другом. Я...
43 просмотров
schedule
12.12.2023
Outlook 2007/10/13 ‹style media=print› обходной путь
Я столкнулся с чем-то, что беспокоило меня во время тестирования моих маркетинговых кампаний по электронной почте.
Итак, вот:
Я использую следующий код, чтобы изображения и некоторые другие биты не печатались, когда пользователь печатает...
2516 просмотров
schedule
24.11.2023
как убрать горизонтальную прокрутку фиксированной ширины?
Я использую медиа-запрос для разработки адаптивного веб-сайта. По умолчанию экран не имеет горизонтальной прокрутки, когда размер экрана изменяется на 320 пикселей, а размер всего элемента составляет 320 пикселей, но добавляется горизонтальная...
530 просмотров
schedule
23.08.2022
Что произойдет, если я укажу свойство медиа-запроса, которое не поддерживается?
У вас есть вопросы типа этот и this , который говорит, что если браузер не поддерживает медиа-запросы, все это игнорируется.
Что мне нужно знать, так это то, что произойдет, если браузер поддерживает медиа-запросы, но не поддерживает конкретное...
527 просмотров
schedule
24.12.2023
Медиа-запрос не работает на эмуляторе Android
Я работаю над приложением phonegap и пытаюсь протестировать его на эмуляторах Android. Я тестирую эмулятор Nexus 4. Вот медиа-запрос, который я использую:
Экран @media и (device-width: 384px) и (device-height: 592px) и (-webkit-device-pixel-ratio:...
579 просмотров
schedule
08.01.2024
CSS Как я могу автоматически масштабировать текст, чтобы он поместился в контейнере
Моя проблема сейчас заключается в том, что когда я изменяю размер окна, внизу появляется полоса прокрутки, изображение (которое является контейнером) будет соответствовать экрану, но при прокрутке вправо появляется много лишнего пустого пространства....
104 просмотров
schedule
15.11.2023
Объединить соответствующие медиа-запросы?
Мне интересно, есть ли инструмент, который объединяет соответствующие условия медиа-запроса в одно определение. Я использую LESS в сочетании с css3mediaqueries.js, однако это часто зависает, так как выводимая таблица стилей содержит более 32...
1142 просмотров
schedule
25.07.2022
Ответные запросы по электронной почте BlackBerry
Я создаю шаблон электронной почты в MailChimp, и у меня есть некоторый адаптивный код, который я хочу использовать для устройств, которые его поддерживают (в основном приложения iOS Mail и BlackBerry Mail).
Хотя шаблон корректно загружает...
1294 просмотров
schedule
29.10.2023
Точка останова медиа-запросов с неправильным значением
Работаю над адаптивным сайтом (второй раз), но недавно столкнулся с проблемами... Дело в том, что все мои брейкпоинты медиазапросов работают нормально, но при неправильных значениях ( на 135 пикселей меньше ожидаемого), например:
.portfolio {...
2091 просмотров
schedule
05.10.2022
