Лучшие media-queries вопросы ИТ разработчиков

  • 5голосов
  • 2ответа
  • 0просмотров

Отображение изображения на сетчатке с чистым CSS

У меня есть ситуация, когда я не могу знать размеры изображения (проприетарная ограниченная cms ...) Мне нужно выяснить, как показать изображение уровня сетчатки, и я хочу сделать это без использования JavaScript (если это возможно). Я ...

Задан Jun 09, 2012, 4:13 AMотMatthew
  • 3голосов
  • 2ответа
  • 0просмотров

Медиа-запросы минимальной ширины не работают правильно в Opera, FF и IE

Я использую медиа-запросы на странице http://test.lovecpokladu.cz/detail-mince?id=2461 [http://test.lovecpokladu.cz/detail-mince?id=2461]как это: @media all and (min-width: 660px) { ... styles for box decoration ... }и используйте этот мета-тег ...

Задан Apr 08, 2012, 3:02 PMотkoubic
  • 10голосов
  • 5ответов
  • 0просмотров

скажите html doc не загружать js, если мобильное устройство

Я дерзко ищу строку или две кода на лету здесь: Может ли кто-то быть достаточно любезным, чтобы предоставить код для размещения в разделе заголовка HTML-документа, который говорит, что если мобильный, то не загружайте JS? Это используется в ...

Задан May 09, 2012, 1:18 AMотDoug Fir
  • 13голосов
  • 2ответа
  • 0просмотров

CSS для изображений с высоким разрешением на мобильных устройствах и дисплеях Retina

Изображения на моем сайте выглядят размытыми для пользователей с дисплеями сетчатки. (Например, на Retina MacBook Pro). Как доставлять изображения с высоким разрешением посетителям с дисплеями сетчатки, но с изображениями стандартного размера ...

Задан May 15, 2016, 6:22 AMотChris Nolet
  • 6голосов
  • 4ответа
  • 0просмотров

Где разместить медиа-запросы CSS3?

У меня с собой философская дискуссия о том, как лучше всего разместить медиазапросы в таблицах стилей. Я пытаюсь структурировать свой CSS модульно (например, OOCSS или SMACSS и т. Д.). Учитывая этот контекст, я вижу два варианта: Put all media ...

Задан Jul 03, 2012, 10:35 PMотMatt Fordham
  • 2голос
  • 1ответ
  • 0просмотров

CSS Media Queries и ширина полосы прокрутки в Firefox [дубликаты]

Possible Duplicate: issue with CSS media queries(scrollbar) [https://stackoverflow.com/questions/8146874/issue-with-css-media-queriesscrollbar] Итак, Firefox учитывает ширину полосы прокрутки в расчете ширины окна, в отличие от Webkit. Это ...

Задан May 23, 2017, 11:56 AMотCommunitybeefchimi
  • 14голосов
  • 4ответа
  • 0просмотров

Каковы хорошие значения разрешения для использования с медиа-запросами?

Недавно я поиграл с CSS Media Queries, потому что это отличный способ адаптировать мой веб-сайт к различным размерам экрана. Я планирую внедрить их в живую версию. Мой вопрос: есть ли рекомендуемые значения разрешения, при которых изменяется макет?

Задан Jul 15, 2012, 5:36 AMотBoltClockSven
  • 106голосов
  • 9ответов
  • 0просмотров

Медиа-запрос для определения, является ли устройство сенсорным экраном

Какой самый безопасный способ, используя медиа-запросы, сделать что-то, если не на устройстве с сенсорным экраном? Если нет никакого способа, вы предлагаете использовать решение JavaScript, такое как!window.Touch или модернизр?

Задан Nov 18, 2014, 2:27 PMотCiro Santilli 新疆改造中心 六四事件 法轮功JJJollyjim
  • 419голосов
  • 3ответа
  • 0просмотров

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

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

Задан Oct 07, 2016, 1:59 AMотSimon EastFraser
  • 23голосов
  • 2ответа
  • 0просмотров

Переопределить CSS медиа-запросы

Я каждый день работаю со страницей, использующей медиа-запросы CSS, которые мне не нравятся; Я предпочел бы использовать полную страницу (большинство из них связано с тем, что меню Twitter Bootstrap рушится, когда оно меньше 768 пикселей). Есть ...

Задан Jul 11, 2012, 4:00 AMотKevin Burke
  • 30голосов
  • 2ответа
  • 0просмотров

Есть ли преимущество в объединении css media запросов вместе?

(возможно, на этот вопрос уже был дан ответ - не удалось найти ответ) Традиционное переопределение запроса @media имеет тенденцию группировать все переопределения для одного размера / носителя в одну группу скобок. например .profile-pic { ...

Задан Jul 24, 2012, 10:14 AMотBen
  • 4голосов
  • 2ответа
  • 0просмотров

Медиа-запросы не работают на мобильных устройствах

Подобные вопросы задавались здесь ранее, но после их прочтения я еще не нашел ответа, который работает с моим сайтом. Я построил сайт на Bootstrap, но добавил несколько моих собственных медиа-запросов. Живой тестовый сайт находится по ...

Задан Jul 26, 2012, 12:27 AMотJVG
  • 56голос
  • 1ответ
  • 0просмотров

Вложение правил @media в CSS

Поддержка, кажется, отличается в разных браузерах .. Проверитьссылка на сайт [http://jsfiddle.net/uZnud/2/embedded/result/] Firefox: черный с белым текстом. Opera, Chrome, IE9: синий с черным текстом. Что правильно и как бы я сделал это ...

Задан Aug 01, 2012, 1:38 AMотBoltClockJames South
  • 42голосов
  • 3ответа
  • 0просмотров

Какие медиа-запросы наиболее важны для создания мобильного адаптивного дизайна?

Существует много разных медиа-запросов для размеров экрана мобильного телефона. Это может быть ошеломляющим, чтобы приспособить их всех при разработке адаптивного мобильного сайта. Какие из них наиболее важны при разработке для мобильных ...

Задан Aug 20, 2012, 10:06 PMотMatt
  • 2голос
  • 1ответ
  • 0просмотров

что не так с медиа-запросом?

Стандарты W3C [http://www.w3.org/TR/css3-mediaqueries/]говорит: User agents are to represent a media query as "not all" when one of the specified media features is not known. Тогда это дает следующий пример: <link rel="stylesheet" ...

Задан Aug 23, 2012, 2:57 PMотBoltClockMahesha999
  • 2голосов
  • 2ответа
  • 0просмотров

Отправить свойства в качестве аргумента для mixin

Я хотел бы разорвать все мои медиа-запросы и вместо этого передать свойства CSS в качестве аргументов. .bp1(@css){ @media (max-width: 959px){ @css } } .bp1(width: 186px;);К сожалению, это не сработает и сделает Меньше неудачей

Задан Feb 20, 2016, 4:11 AMотHarryAnton Gildebrand
  • 241голосов
  • 9ответов
  • 0просмотров

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

Я хотел бы использовать медиа-запросы для изменения размера элементов в зависимости от размераdiv элемент, в котором они находятся. Я не могу использовать размер экрана в качествеdiv просто используется как виджет на веб-странице, и его размер ...

Задан Jul 16, 2018, 5:36 PMотFelix GeenenZubair
  • 21голос
  • 1ответ
  • 0просмотров

Nexus 7 screen.width возвращает 800, но максимальная ширина медиазапроса: 720px по-прежнему применяется

У меня есть планшет Google Nexus 7, который я использую для тестирования некоторых адаптивных дизайнов. В JavaScript,screen.width возвращает как 800px, как и ожидалось (собственное разрешение). Как получается, что следующий медиа-запрос ...

Задан Sep 06, 2012, 3:28 PMотJake Wilson
  • 128голосов
  • 11ответов
  • 0просмотров

iPhone 5 CSS медиа-запрос

IPhone 5 имеет более длинный экран, и он не улавливает мобильный вид моего веб-сайта. Каковы новые адаптивные дизайнерские запросы для iPhone 5 и можно ли их комбинировать с существующими запросами iPhone? Мой текущий медиа-запрос таков: @media ...

Задан Sep 22, 2012, 4:49 AMотBoltClockMaverick
  • 24голосов
  • 2ответа
  • 0просмотров

Медиа = Все против Медиа = Экран

Кажется, в последнее время я видел гораздо больше людей, начинающих использоватьmedia="all" противmedia="screen" в их таблицах стилей. Мой вопрос, когда я должен использоватьmedia="all" надmedia="screen" и наоборот? Примечание: я использую ...

Задан Sep 14, 2015, 6:47 AMотNullPoiиteяL84
  • 241голосов
  • 9ответов
  • 0просмотров

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

Я хотел бы использовать медиа-запросы для изменения размера элементов в зависимости от размераdiv элемент, в котором они находятся. Я не могу использовать размер экрана в качествеdiv просто используется как виджет на веб-странице, и его размер ...

Задан Sep 03, 2012, 3:02 PMотZubair
  • 21голос
  • 1ответ
  • 0просмотров

Nexus 7 screen.width возвращает 800, но максимальная ширина медиазапроса: 720px по-прежнему применяется

У меня есть планшет Google Nexus 7, яиспользую для тестирования некоторые адаптивные конструкции. В JavaScript,screen.width возвращает как 800px, как и ожидалось (собственное разрешение). Почему планшет получает следующий медиазапрос, если ...

Задан Sep 04, 2012, 3:26 AMотJake Wilson
  • 128голосов
  • 11ответов
  • 0просмотров

iPhone 5 CSS медиа-запрос

IPhone 5 имеет более длинный экран ине ловит мой сайтмобильный вид. Каковы новые адаптивные дизайнерские запросы для iPhone 5 и можно ли их комбинировать с существующими запросами iPhone? Мой текущий медиа-запрос таков: @media only screen and ...

Задан Sep 21, 2012, 10:27 PMотMaverick
  • 24голосов
  • 2ответа
  • 0просмотров

Медиа = Все против Медиа = Экран

Кажется, в последнее время я видел гораздо больше людей, начинающих использоватьmedia="all" противmedia="screen" в их таблицах стилей. Мой вопрос, когда я должен использоватьmedia="all" надmedia="screen" и наоборот? Примечание: я использую ...

Задан Sep 23, 2012, 12:28 AMотL84
  • 6голосов
  • 3ответа
  • 0просмотров

Zurb Foundation 3 - Разделы полной ширины и изменение максимальной ширины?

Я используюZURB Foundation 3 [http://foundation.zurb.com/]по моему проекту. Я люблю грид-системы и адаптивные сайты, но моя проблема в том, что я все еще твердо верю, что они должны быть построены шире, чем 1000 пикселей. У меня есть несколько ...

Задан Oct 11, 2012, 3:09 PMотmatt
  • 30голосов
  • 3ответа
  • 0просмотров

Адаптивный дизайн - Media Query не работает на iPhone?

Я пытаюсь создать мобильную дружественную версию своего веб-сайта, чтобы мой веб-сайт реагировал на экран меньшего размера и соответственно масштабировался. Мы создали несколько медиа-запросов, которые корректно ведут себя в браузере ...

Задан Oct 21, 2012, 8:15 PMотGearu
  • 6голосов
  • 2ответа
  • 0просмотров

Медиа-запросы - мобильный и настольный браузер

Я видел много сайтов, которые реагируют как на настольные браузеры, так и на мобильные телефоны, я работаю над сайтом, и у меня есть следующие настройки таблицы стилей: (Веб-сайт Hicks Design - хороший пример того, чего я хочу достичь, если он ...

Задан Oct 23, 2012, 9:57 AMотDan
  • 7голос
  • 1ответ
  • 0просмотров

максимальный размер медиазапроса относится к размеру порта просмотра или размеру окна?

Интересно, относится ли max-width медиазапроса к размеру порта просмотра или размеру windows? например, у меня есть этот медиа-запрос: @media screen and (max-width: 360px){}этот медиазапрос будет действовать, если размер порта просмотра равен ...

Задан Nov 01, 2012, 4:16 PMотLir An
  • 6голосов
  • 4ответа
  • 0просмотров

Медиа-запросы не работают на Iphone, но хорошо при изменении размера браузера

Привет, я в настоящее время использую тему Boilerplate под названием Bones на WordPress, но у меня проблемы с тем, чтобы адаптивное меню работало на моем Iphone. Когда я вручную изменить размер меню, кажется, работает медиа-запрос, который я ...

Задан Nov 05, 2012, 9:44 PMотMatt James
  • 12голосов
  • 2ответа
  • 0просмотров

Как я могу избежать дублирования медиазапросов?

Именно каскад делает CSS особенным и мощным. Но в случае медиа-запросов перекрываютсяМожнокажется проблематичным. Рассмотрим следующий CSS (продолжениеправила перекрытия медиазапросов ...

Задан Nov 29, 2012, 7:39 PMотBaumr
  • 14голосов
  • 4ответа
  • 0просмотров

«Background-size: cover» не распространяется на экран мобильного телефона

У меня есть фото фон на моем сайте, используяbackground-size:cover, Он работает по большей части, но оставляет странное пространство ~ 30 пикселей на моем Galaxy S3 в портретном режиме. мы приложили скриншот. Линия чирка 1px предназначена для ...

Задан Dec 01, 2012, 10:54 AMотVitaliy G.
  • 5голосов
  • 3ответа
  • 0просмотров

Мне нужен простой способ обнаружить поддержку медиазапросов CSS3 с помощью jquery

Мне нужен быстрый и грязный способ обнаружения поддержки медиа-запросов с помощью jquery. Я определил функцию следующим образом: function mediaQueriesEnabled () { var v = parseFloat($.browser.version); if ($.browser.msie) { if (v < 9) return ...

Задан Dec 02, 2012, 12:53 AMотRedtopia
  • 4голос
  • 1ответ
  • 0просмотров

LESS: Можете ли вы сгруппировать селектор CSS с медиа-запросом?

Мне очень понравилось узнать, что вы можете создать переменную медиа-запроса, которую вы можете легко использовать повторно и которая сделает ваш код более читабельным. @tablet: ~"(min-width: 768px) and (max-width: 980px)"; @media @tablet { ... ...

Задан Dec 12, 2012, 3:10 PMотcreativetim
  • 44голосов
  • 3ответа
  • 0просмотров

CSS медиа запросы для размеров экрана

В настоящее время я пытаюсь разработать макет, который будет совместим для нескольких размеров экрана. Размеры экрана, для которого я проектирую, перечислены ниже: Размеры экрана: 640х480800х6001024x7681280x1024 (и больше)То, что яу меня ...

Задан Dec 12, 2012, 7:08 PMотJaPerk14
  • 11голосов
  • 3ответа
  • 0просмотров

CSS-препроцессор с возможностью определения переменных в запросе @media

В настоящее время я использую LESS в качестве основного препроцессора CSS. У меня есть (и я уверен, что многие люди имеют эту потребность), чтобы определить переменные в@media запрос как: @media screen and (max-width: 479px) { myVar: 10px; } ...

Задан Jan 03, 2013, 11:34 AMотspliter
  • 2голос
  • 1ответ
  • 0просмотров

iFrame и проблема с медиа-запросами

У меня проблема со стилями внутри медиа-запросов для контента внутри iFrame. У меня есть встроенный iFrame на нашем сайте. У нас есть стили для содержимого внутри iFrame. Моя ширина iFrame составляет 480 пикселей. У меня есть медиазапрос @media ...

Задан Jan 04, 2013, 1:07 PMотKalyan Kumar S
  • 2голос
  • 1ответ
  • 0просмотров

Media Query для iPad (альбомная ориентация) также применяется к Samsung Galaxy Tab 2 (альбомная ориентация)

Я тестирую свое веб-приложение наIPAD (1,2)так же какSamsung Tab 2, У меня есть разные наборы CSS (внешний) для применения в режиме «Пейзаж / Портрет» на iPad и в режиме «Пейзаж / Портрет» на вкладке 2. Но я не могу написать правильный ...

Задан Jan 08, 2013, 6:11 AMотSayan
  • 59голосов
  • 13ответов
  • 0просмотров

Можно ли эмулировать ориентацию в браузере?

Как заголовок можно эмулировать ориентацию в Google Chrome или Firefox? Значение как-то изменить браузер для поддержки медиа-запроса (ориентация = (альбомная или портретная)) У меня есть эмулятор для мобильных устройств, но я хотел бы иметь ...

Задан Jan 09, 2013, 12:25 PMотTryingToImprove
  • 16голосов
  • 3ответа
  • 0просмотров

Как использовать&gt; или &lt;(больше и меньше чем) символы в медиазапросах

Можем ли мы использовать «>» или "<" символы (больше и меньше чем) в медиа-запросах? например, я хотел бы скрыть погружение для всех мониторов менее 768 пикселей. Могу ли я сказать что-то вроде этого: @media screen and (min-width

Задан Jan 26, 2013, 5:23 AMотuser1986096
  • 2голосов
  • 2ответа
  • 0просмотров

Media Query не работает для iPhone и iPad

@средства массовой информациизапрос не работает в случаеОС iPhone 5 и iPad 4, Я использовал следующееCSSдля стилизации каждой ОС и устройства для разных экранов. Я явно проверил, что у моего iPad и iPhone ширина и высота, и на основании этого я ...

Задан Feb 11, 2013, 5:14 PMотDShah
  • 15голосов
  • 6ответов
  • 0просмотров

Стили @import не работают в медиа-запросе

Я пытаюсь импортировать стиль, основанный на медиа-запросе, но импорт не запускается. Если я помещаю стили непосредственно в медиа-запрос, они отображаются на странице. Вот ссылка на живой ...

Задан Feb 18, 2013, 6:17 PMотCool Guy Yo
  • 11голосов
  • 5ответов
  • 0просмотров

Добавить класс или другой атрибут, используя медиа-запрос

В настоящее время я использую медиазапросы CSS для некоторых небольших и средних экранных устройств, таких как: @media screen and (min-device-width: 480px) { ... } @media screen and (min-device-width: 720px) { ... }Это работает, как и ожидалось, ...

Задан Feb 22, 2013, 10:14 AMотAlex K
  • 1голосов
  • 2ответа
  • 0просмотров

Медиа-запросы не работают в Chrome, но в Firefox? [закрыто]

Сайт, который яВ настоящее время я работаю над isn 'Я использую мой стиль для устройств с разрешением менее 480 пикселей в Chrome, но работает в Firefox, Chrome отвечает на запросы медиа для 800 и 1200 пикселей, и я не могу понять, почему это не ...

Задан Feb 26, 2013, 4:22 PMотdennisterrey
  • 35голос
  • 21ответ
  • 0просмотров

Respond.JS не работает в IE 8

По какой-то причине кажется, что ответить JS isn 'т работает. Я использую Media Queries в IE 8, чтобы изменить фоновые изображения для мониторов различного размера. В IE 8 нет фона, только сплошной цвет. Код выглядит так: Медиа-запрос выглядит ...

Задан Feb 28, 2013, 2:42 AMотL84
  • 7голос
  • 1ответ
  • 0просмотров

Различные CSS-файлы для разных медиа-запросов

Есть ли способ заставить файл HTML использовать другую таблицу стилей на основе свойств мультимедиа? Я знаю чтоlink Метод принимает тип медиа, но все ссылки, которые я нахожу, указывают только тип медиа, а не расширенный запрос. Я'Я также не ...

Задан Feb 28, 2013, 1:58 PMотedA-qa mort-ora-y
  • 1голосов
  • 3ответа
  • 0просмотров

Что лучше: медиа-запросы CSS или JQuery mobile?

м новичка в разработке мобильного сайта. Я очень запутался между двумя методами, потому что у меня нет никакого опыта в этом. Что лучше между двумя методами: Запрос CSS, когда мы используем все устройства ширины в файле CSSили жеиспользуя jquery ...

Задан Mar 13, 2013, 8:27 AMотLena Queen
  • 3голос
  • 1ответ
  • 0просмотров

Понимание CSS-запросов устройства Retina

Я работаю над темой WordPress и пытаюсь включить CSS-запросы с поддержкой Retina в мой CSS-файл. Я просто хотел бы уточнить, что у меня правильно настроены медиазапросы, прежде чем я заменю все свои фоновые изображения. Я удвоил размер всех ...

Задан Mar 16, 2013, 11:46 PMотJason
  • 9голос
  • 1ответ
  • 0просмотров

Правила CSS для браузеров на основе webkit

У меня есть следующий код CSS: #mgheader .letters { display: inline-block; margin-left: 55px; margin-top: -45px; position: absolute; } #mgheader .letters { display: inline-block; margin-left: 10px; position: absolute; }Теперь хочувыполнить ...

Задан Mar 21, 2013, 2:47 PMотDraco
  • 15голосов
  • 2ответа
  • 0просмотров

Доступ к правилам медиа-запросов CSS через JavaScript / DOM

Я использовал несколько библиотек (включая мою) для динамической загрузки ресурсов на основе медиазапросов, которые ямы обрисовали в общих чертах в файлах CSS. Например: В CSS: @media screen and (max-width: 480px) { .foo { display: none; } }А ...

Задан Mar 29, 2013, 12:46 AMотnickhar
Пред12...4След