Вопросы по теме '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 просмотров
schedule
02.08.2022
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 просмотров
schedule
24.08.2022
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 просмотров
schedule
05.09.2022
Медиа-запросы 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 просмотров
schedule
01.01.2023
PhoneGap + Android + медиа-запросы
Я уже неделю борюсь с этим. Я прочитал массу сообщений / веб-сайтов / советов и приемов, но я просто не могу этого понять.
Мне нужно установить правила CSS для разных размеров экрана и ориентации. Но с распознаванием это не работает.
Я...
4832 просмотров
schedule
19.07.2023
Как скрыть медиа-запрос 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