Вопросы с тегом 'media-queries'

Запросы мультимедиа позволяют условное применение стилей CSS на основе типов носителей, таких как экран и печать, и условия мультимедийных функций, такие как высота видового экрана и высота и ширина устройства. Они являются частью спецификации W3C CSS3.
5

В чем разница между "экраном" и "единственным экраном" в мультимедийных запросах?

В чем разница между screen и only screen в медиа-запросах? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Поч...
18 дек. '11 в 2:56
16

Медиа-запросы: как настроить таргетинг на настольные системы, планшеты и мобильные устройства?

Я занимался некоторыми исследованиями в отношении медиа-запросов, и я до сих пор не совсем понимаю, как настроить таргетинг на устройства определенных размеров. Я хочу иметь возможность настроить таргетинг на настольные, планшеты и мобильные устройс...
16 июн. '11 в 10:57
17

Twitter Bootstrap 3: как использовать медиа-запросы?

Я использую Bootstrap 3 для создания гибкого макета, где я хочу настроить несколько размеров шрифта в соответствии с размером экрана. Как я могу использовать медиа-запросы для создания такой логики?
25 авг. '13 в 1:30
2

CSS-медиа-запросы: максимальная ширина или максимальная высота

При написании мультимедийного запроса CSS есть ли способ указать несколько условий с логикой "ИЛИ"? Я пытаюсь сделать что-то вроде этого: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }
09 июл. '12 в 23:37
11

Может ли медиа-запрос изменять размер на основе элемента div вместо экрана?

Я хотел бы использовать медиа-запросы для изменения размера элементов в зависимости от размера элемента div они находятся. Я не могу использовать размер экрана, поскольку div просто используется как виджет на веб-странице, и его размер может варьиро...
03 сент. '12 в 17:02
9

Что означает экран @media и (max-width: 1024px) в CSS?

Я нашел этот фрагмент кода в файле CSS, который я унаследовал, но я не могу понять, что это: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } В частности, что происходит в первой строке?
15 нояб. '10 в 23:28
12

Можно ли установить правила CSS @media в ряд?

Мне нужно динамически загружать изображения баннера в приложение HTML5 и хотел бы, чтобы несколько разных версий соответствовали ширине экрана. Я не могу правильно определить ширину экрана телефона, поэтому единственный способ сделать это - добавить ...
21 мар. '12 в 15:55
8

В чем разница между max-device-width и max-width для мобильной сети?

Мне нужно разработать некоторые html-страницы для телефонов iphone/android, но в чем разница между max-device-width и max-width? Мне нужно использовать разные css для разных размеров экрана. @media all and (max-device-width: 400px) @media all and (...
19 июл. '11 в 12:37
4

@Media min-width & max-width

У меня есть эта настройка @media: HTML <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-dev...
25 нояб. '12 в 11:20
11

Поддержка IE8 для CSS Media Query

Поддерживает ли IE8 следующий CSS-запрос: @import url("desktop.css") screen and (min-width: 768px); Если нет, каков альтернативный способ написания? То же самое прекрасно работает в Firefox. Любые проблемы с кодом ниже? @import url("desktop.css"...
24 апр. '11 в 8:21
18

CSS @media печатает проблемы с фоновым цветом;

Я новичок в этой компании, и у нас есть продукт, который использует мили CSS. Я пытаюсь создать для нашего приложения таблицу стилей для печати, но у меня проблемы с background-color в @media print. @media print { #header{display:none;} ...
08 окт. '10 в 20:13
13

Почему мои мультимедийные запросы CSS3 не работают на мобильных устройствах?

В styles.css, я использую медиа-запросы, оба из которых используют вариант: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } ...
22 окт. '11 в 11:58
11

Bootstrap 3 точки останова и медиа-запросы

В документации по медиазапросам Bootstrap 3 написано: Мы используем следующие медиа-запросы в наших файлах Less, чтобы создать ключевые точки останова в нашей сеточной системе. Очень маленькие устройства (телефоны, менее 768 пикселей): нет медиаз...
25 окт. '13 в 14:46
14

$(window).width() не совпадает с медиа-запросом

Я использую Twitter Bootstrap для проекта. Как и стили бутстрапа по умолчанию, я также добавил некоторые из моих собственных //My styles @media (max-width: 767px) { //CSS here } Я также использую jQuery для изменения порядка определенных элеме...
10 окт. '13 в 9:24
13

Общие запросы CSS Media Break Points

Я работаю над адаптивным веб-сайтом с запросами CSS Media. Является ли следующая организация хорошей организацией? Телефон, Ipad (альбомная и портретная), рабочий стол и ноутбук, большой экран Каковы общие значения для точек прерывания медиа-запрос...
08 мая '13 в 14:31