Результаты поиска по запросу "media-queries"
Почему бы вам не использовать CSS для настольных компьютеров в качестве встроенного, и переопределить его с CSS для iPhone? Более того, рабочие столы намного шире этих размеров - (min-device-width: 320px) и (max-device-width: 480px). (min-device-width: 320px) и (max-device-width: 480px) - это размеры iphone / смартфона (большинство из них как минимум). Следовательно, код должен быть:
я есть веб-сайт, который будет отображаться как на рабочем столе, так и на iPhone с использованием медиазапросов для обслуживания различных таблиц стилей, например, ВСЕГДА загружайте reset.css, но если на рабочем столе также загружается ...
IE8-: @media \ 0screen \, screen \ 9 {color: red; } / * медиа-запрос к цели ie6-8 (ie8-) * /
о точное «НЕ» следующего медиа-запроса CSS? @media only screen and (device-width:768px)Просто добавить, это будет означать .. Все кроме iPAD ... ИЛИ ..... НЕ iPAD .. и кстати ... я уже пробовал @media not only screen and ...
- размеры ведут себя одинаково на всех (большинстве?) устройствах
я 4 медиа-запроса. 1-й, 3-й и 4-й работают, но 2-й не активируется. Почему 480x720 (второй медиазапрос) по умолчанию соответствует первому медиазапросу? @media screen and (max-width: 320px) and (orientation: portrait) { body{background:#F0F;} } ...
Поддержка мобильных браузеров: Android 2+, iOS4, Mobile Firefox.
а ли ориентация всех мониторов настольных компьютеров и ноутбуков с альбомной ориентацией на устройствах, подобных iPad? Есть ли разница между? body {background:red} @media only screen and (orientation : landscape) { body {background:blue} }
проблемы медиазапросов iphone / ipad
У меня была проблема. Я собираю небольшой сайт, и по некоторым причинам мои медиа-запросы iphone и ipad сталкиваются. Iphone распознает стили Ipad, но не наоборот. Поэтому я хотел показать, что я использую, и посмотреть, сможет ли кто-нибудь ...
Медиа-запросы и изменение ориентации устройства
У меня есть код ниже. Чего я хотел бы добиться, так это переключаться между стилями мобильного устройства, меняя ориентацию с книжной на альбомную (устройства с большим разрешением, такие как iPhone 4 или Galaxy S) <!doctype html> <html> <head> ...
CSS-запросы минимальной и максимальной ширины
<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />Разве эта строка кода не должна загружать таблицу стилей «mobile-large.css» при использовании Samsung Galaxy Nexus с ...
максимальный размер медиазапроса относится к размеру порта просмотра или размеру окна?
Мне интересно, относится ли максимальная ширина медиа-запроса к размеру порта просмотра или размеру окна? например, у меня есть этот медиа-запрос: @media screen and (max-width: 360px){}этот медиазапрос будет действовать, если размер порта ...
LESS: Можете ли вы сгруппировать селектор CSS с медиа-запросом?
Мне очень понравилось узнать, что вы можете создать переменную медиа-запроса, которую вы можете легко использовать повторно и которая сделает ваш код более читабельным. @tablet: ~"(min-width: 768px) and (max-width: 980px)"; @media @tablet { ... ...
iFrame и проблема медиазапроса
У меня проблема со стилями внутри медиа-запросов для контента внутри iFrame. У меня есть встроенный iFrame на нашем сайте. У нас есть стили для содержимого внутри iFrame. Ширина моего iFrame составляет 480 пикселей. У меня есть медиазапрос @media ...