Передача media-правила через iframe
Описание Есть у меня 2 страницы. Так как один из них должен стоять в другом через iframe, обозначим её как дочерний, а другой — родительский. Обеим страницам подключен один и тот …
Описание Есть у меня 2 страницы. Так как один из них должен стоять в другом через iframe, обозначим её как дочерний, а другой — родительский. Обеим страницам подключен один и тот …
Я собираю вёрстку, хочу добавить туда возможность адаптации, это нужно сделать с помощью @media? Я уже попытался применить @media однако выходит не правильно. Подскажите, пожалуйс…
Я хочу, чтобы при изменении ширины экрана sticky контейнер, закрепляющийся в верхней части экрана (top:10px), становился fixed и закреплялся в нижней части экрана (bottom:0) Я дел…
Есть контейнер, в нём 2 списка с разными классами, но с одинаковыми стилями. Они расположены горизонтально (по 5 штук) на компьютере. .nextSection { width: 90%; } .container { dis…
Подскажите пожалуйста: у меня подключен слайдер через slick на jquery. В обычном размере у меня 3 слайда, при размере экрана в 620px, вместо 3 слайдов у меня должно становится 2 с…
Медиа запросы не работают: <meta name="viewport" content="width=device-width, initial-scale=1"> Стили в правильном порядке. .contact { display: flex; jus…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge&…
Допустим есть заголовок h1. Для больших экранов содержимое этого тега представляет длинную строку. При уменьшении экрана до мобильной версии, нужно оставить этот тег, но сократить…
Здравствуйте, интересно знать, как лучше сделать. Есть адаптивный сайт, иконки сайта находятся в спрайте, при разных разрешениях экрана иконки ресайзятся, так вот, как лучше посту…
Есть ситуация, на сайте при нажатии на кнопку появляется сайдбар .sidebar шириной, скажем, 30%, при этом часть контента .content должна стать 70% вместо 100%. Так вот, как мне при…
Есть сайт, на которой есть такой CSS стиль: @media screen and (min-width: 768px) and (max-width: 1023px){ #top.page-id-122 #layer_slider_1 .avia-button:not(.avia-button-fullwidth)…
Здравствуйте. Столкнулся с проблемой понимания стандартным андроидным браузером моих media query. Тестил: на Iphone4-5 - все ок; на Samsung Note 2 - Crome - все ок; на Samsung Not…
Имеется вот такой блок: Хотелось бы сделать так, чтобы при достаточности ширины он трансформировался в такой блок: Как писать свойства - понятно: заменить инлайн-блоки на блоки, д…
Нужно, чтобы @media после определения размера экрана переопределил значения для следующих атрибутов в классах, которые уже есть в этом файле css. Коды: @media all and (max-width: …
Можно ли через media query задать стили для экранов с диагональю, меньшей 7 дюймов? Если можно, то как?