Результаты поиска по запросу "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, но если на рабочем столе также загружается ...
При печати браузеры не знают, какова ширина бумаги
У меня есть небольшая проблема с печатью HTML-документа. Видимо, браузеры не знают, насколько широкая бумага, и они делают дикие и неточные догадки! Документ отзывчивый, показывает разные макеты с разной шириной, и я надеялся, что при печати они ...
Bootstrap 3.0 Медиа-запросы
Я работаю над небольшим проектом на основе Boostrap 3 (html5boilerplate custom build) и пытаюсь использовать «официальные» медиа-запросыв документации Boostrap [http://getbootstrap.com/css/#grid-media-queries]: /* Extra small devices (phones, up ...
Вы можете создать прослушиватель событий в Javascript, чтобы определить, когда два значения перевернуты. Значения портретного экрана: ширина экрана составляет 320 пикселей (в основном iPhone), 360 пикселей (большинство других телефонов), 768 пикселей (маленькие планшеты) и 800 пикселей (обычные планшеты).
aScript режим ориентации можно определить с помощью: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; }Однако есть ли способ определения ориентации только с помощью CSS? Например. что-то вроде: @media ...
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 ...
Как вызвать медиа-запрос по требованию пользователя с помощью JavaScript
У меня есть адаптивная веб-страница с другим дизайном для разных размеров экрана, я использую @mediaquery, чтобы изменить свой дизайн. Я хочу дать пользователю возможность изменять дизайн для меньших или больших размеров экрана, даже если размер ...
Зачем использовать медиазапрос типа «все», если он подразумевается?
Я недавно заметил, что я используюall в каждом@media Правило запроса, и я не могу понять, почему я это сделал. Я искал в Интернете, и я вижу, что большинство@media Примеры правил в Интернете используют такой формат, как этот@media all and (some ...
- размеры ведут себя одинаково на всех (большинстве?) устройствах
я 4 медиа-запроса. 1-й, 3-й и 4-й работают, но 2-й не активируется. Почему 480x720 (второй медиазапрос) по умолчанию соответствует первому медиазапросу? @media screen and (max-width: 320px) and (orientation: portrait) { body{background:#F0F;} } ...
Определение размера напечатанной страницы с помощью медиазапросов CSS
Мое приложение генерирует печатные отчеты, создавая невидимый iframe, а затем распечатывая его. Моя последняя проблема в удручающе длинном списке проблем, которые я пытаюсь решить, - это оптимизация CSS для разных размеров печатных страниц. ...
Bootstrap Collapse Accordion - по умолчанию Развернуть / Свернуть?
Я использую Twitter Bootstrap с jQuery. Согласно документации по начальной загрузке, если вы хотите, чтобы разборный элемент был открыт по умолчанию, вы добавляете дополнительный класс «in». И если вы хотите, чтобы свернутый элемент был свернут ...