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

Точное НЕ (обратное) для CSS Media Query
Каково точное «НЕ» следующего медиа-запроса CSS? @media only screen and (device-width:768px) Просто добавить, что это будет означать... ВСЕ, КРОМЕ iPAD... ИЛИ..... НЕ iPAD.. и кстати... я уже пробовал @media not only screen and...
13989 просмотров
schedule 26.05.2022

Запуск jquery с медиа-запросами css
Я использую медиа-запросы css в своем проекте, чтобы создать сайт, который будет работать с экраном любого размера. Я хочу запускать различные функции jquery так же, как с css. Например, если размер браузера составляет от 1000 до 1300 пикселей, я...
24449 просмотров

Webkit плавает и отображает
У меня возникла проблема с браузерами Webkit (Chrome/Safari), медиазапросами CSS3, display и float на моем сайте . Стиль по умолчанию на моей веб-странице — перемещать элемент nav вправо и display:inline-block . Когда размер окна изменяется...
5824 просмотров
schedule 05.04.2022

Можно ли удалить таблицу стилей для определенного устройства?
Я создаю мобильную версию сайта (не mobile.domain.com), но просто использую другую таблицу стилей в зависимости от устройства. Итак, у меня есть что-то вроде этого: <link href="css/style.css" media="screen" rel="stylesheet"/> <link...
299 просмотров

Javascript и медиа-запросы
Я хочу добавить какой-то медиа-запрос к JS ниже, чтобы на мобильных устройствах или экранах ‹767px высота анимировалась только до 280px. Также было бы интересно, можно ли этого добиться с помощью CSS JavaScript...
1074 просмотров
schedule 09.12.2022

Определить ширину экрана с помощью CSS Media Queries
Я предполагаю, что это можно сделать с помощью Media Queries: @media (min-width:500px) { … } Что в какой-то момент таблица стилей CSS должна знать, какая ширина экрана, без Javascript. Так ли это?
39125 просмотров
schedule 18.11.2022

Почему мои медиа-запросы CSS3 не работают на мобильных устройствах?
В файле styles.css я использую медиа-запросы, оба из которых используют следующие варианты: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go...
366908 просмотров
schedule 02.01.2022

Загрузка медиа-запроса CSS
Если у меня есть медиа-запрос CSS следующим образом <link rel="stylesheet" media="only screen and (max-width:1024px)" href="css/ipad.css"> <link rel="stylesheet" media="only screen and (min-width:1024px)" href="css/desktop.css"> Я...
2962 просмотров
schedule 01.11.2022

Ошибка Webkit при переключении между display:table-cell и inline-block при запуске с медиа-запросом
http://jsfiddle.net/YHJrV/2/ Может ли какой-нибудь гуру CSS понять, почему у webkit есть проблемы с переключением между display:table-cell и inline block при запуске с медиа-запросом? В webkit перетащите вертикальный разделитель влево/вправо,...
1951 просмотров
schedule 21.11.2022

Допустимое использование -webkit-min-device-width - медиа-запрос CSS
Я получаю сообщение об ошибке проверки W3 при связывании с таблицей стилей с помощью медиа-запроса для целевых дисплеев Retina. Вот код: <link rel='stylesheet' type='text/css' href='/css/styles-retina.css' media='only screen and...
3226 просмотров

Медиа-запросы CSS
Я пытаюсь адаптировать свое веб-приложение для планшета для использования на мобильных телефонах. Функциональность Media Query кажется идеальной, и мое первоначальное тестирование подтверждает это. У меня есть вопрос: с телефонами и планшетами,...
6722 просмотров
schedule 01.02.2023

Медиа-запросы и изменение ориентации устройства
У меня есть код ниже. Чего я хотел бы добиться, так это переключения между стилями мобильного устройства, которое меняет ориентацию с книжной на альбомную (устройства с большим разрешением, такие как iPhone 4 или Galaxy S). <!doctype html>...
3969 просмотров
schedule 15.08.2022

Использование переменных Sass с медиа-запросами CSS3
Я пытаюсь совместить использование переменной Sass с запросами @media следующим образом: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} Затем...
99700 просмотров
schedule 18.05.2022

адаптивный дизайн css3 показывается на маленьких экранах, а не на больших
новичок в медиа-запросах css3 и адаптивном дизайне. Я хотел бы знать, как показать что-то (скажем, div) только на маленьких экранах, но не на больших экранах. Я пробовал что-то вроде: @media (max-width: 480px) { .show-on-small-only{...
5958 просмотров
schedule 10.11.2023

Проблема с медиа-запросами в jQuery Mobile
Мы работаем над приложением, используя jQuery Mobile Framework. До сих пор приложение работало очень хорошо, и теперь мы думаем об использовании условных сценариев CSS «медиа-запросов» для разных размеров окна браузера. Наша идея заключается в...
845 просмотров
schedule 05.05.2022

Чем -ms-view-state отличается от стандартных выражений CSS Media Queries?
Это отчасти вопрос и отчасти надежда на подтверждение. У меня есть подозрения по поводу ответа на этот вопрос, и я добавлю свои два цента, но я хотел бы получить независимое подтверждение, поскольку на форумах Win8 эта конкретная функция не очень...
1710 просмотров

PhoneGap + Android + медиа-запросы
Я уже неделю борюсь с этим. Я прочитал массу сообщений / веб-сайтов / советов и приемов, но я просто не могу этого понять. Мне нужно установить правила CSS для разных размеров экрана и ориентации. Но с распознаванием это не работает. Я...
4832 просмотров

Как скрыть медиа-запрос CSS от печати? не логический оператор не работает
Я пытаюсь скрыть медиа-запрос от печати, поэтому придумал @media not print and (min-width:732px) . Но по какой-то причине это (и многие варианты, которые я пробовал) не отображается в браузерах так, как я ожидал. Единственный вариант, который я...
16709 просмотров
schedule 05.04.2023

Объединить правила @media через jquery
В настоящее время я использую LESS для «пузыря» своих медиа-запросов. Итак, мой вывод CSS выглядит примерно так: header { color: red; } @media only screen and (min-width: 768px) { header { color: green; } } @media only screen and...
201 просмотров
schedule 17.09.2022

Обновление содержимого iframe при изменении ориентации
Итак, я настроил этот HTML-шаблон, который позволяет нам отображать анимированные HTML-объявления на iPad. По сути, он использует медиа-запросы для определения ширины устройства, а затем (с помощью css) отображает либо «портретный», либо «пейзажный»...
5319 просмотров
schedule 14.07.2023