Как правильно уменьшить календарь при адаптиве?
Дошел до разрешения где требуется уменьшить календарь, его вертикальные стороны уже впритык к границам экрана. Вроде уменьшил ширину, но экран всё равно "плывет", я дума…
Вопросы по тегу: адаптивная-верстка
- -1 ▲1 ответ.
- 1 ▲2 ответ.
Адаптация под разные устройства
сверстал сайт, версткой занимаюсь не так давно, на широких экранах выглядит довольно прилично, но вот с мобильными у меня проблема, не могу увеличить шапку сайта на весь экран, ей…
- 0 ▲1 ответ.
Как осуществить верстку так чтобы не было масштабирования на iPhone?
При нажатии на кнопку несколько раз масштабируется экран <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=de…
- 0 ▲0 ответ.
Изменить расположение блоков в адаптивной секции
Необходимо сверстать адаптивную секцию на флексах. Секция состоит из заголовка h2 , блока с копирайтом div class=copy, и блока с основным контентом div class=content. При разрешен…
- 0 ▲0 ответ.
Вложенная сетка в Bootstrap 4
По заданию нужно, используя сетку Bootstrap 4 сверстать секцию, состоящую из левого блока с классом "col-xl-3 col-lg-4", содержащим только заголовок секции, и правого с …
- 0 ▲0 ответ.
Есть ли возможность скрывать куски страниц сайта в мобильной версии не используя CSS?
Подскажите, пожалуйста, есть ли аналог кода <picture> <source media="(max-width: 799px)" srcset="/upload/img1.jpg" width="100%" height="…
- 0 ▲1 ответ.
Почему появляется горизонтальный скролл на десктопе
Ширина макета 1366px, задала ширину ограничивающему контейнеру такую же - 1366px (верстаю макет desktop first впервые, до этого верстала только mobile first на курсах, при верстке…
- 0 ▲2 ответ.
css: адаптивный размер текста (в зависимости от ширины блока)
Есть вот такой код в котором в одной полосе выводится 2 блока. Задача такая: левый блок занимает всё место, которое не занимает правый блок (пропусков между блоками нет) размер пр…
- 0 ▲0 ответ.
Как реализовать задачу из макета
обучаюсь верстке , возник такой вопрос есть макет: https://www.figma.com/file/rnIAwsECd4Qxltrz2p4NJa/Ветклиника?node-id=0%3A1&t=aPkamyHowD0px2qc-0 В нем имеется блок "Ист…
- 0 ▲0 ответ.
Как загрузить нужный контент в зависимости от ширины экрана?
Подскажите пожалуйста как реализовать загрузку определенного контента в зависимости от ширины экрана клиента? Имеется сайт на бутстрапе, при мобильной версии появляется бургер, вс…
- 0 ▲0 ответ.
Как изменить прозрачность на фоновом цвете блока?
Как мне добавить opacity здесь только к фоновому цвету? я пробовал через псевдоэлементы, но они просто перекрывали текст, а если я добавлял opacity к псевдоэлементу, то текст так …
- 0 ▲1 ответ.
Как адаптировать шапку для мобильной версии?
Как адаптировать только одно изображение шапки под мобильную версию, чтобы не затрагивать другие картинки на сайте?
- 0 ▲1 ответ.
Почему после добавления блоков текст становится без троеточий?
Применяю для первого span стили, чтобы при уменьшении размер экрана текст сокращался: #SPAN_4 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } но если я добавлю…
- 1 ▲0 ответ.
Указание размеров изображения или соотношения сторон вручную - единственный способ избежать скачков вследствие перекомпоновки DOM?
Как я понял из урока по AMP, "вы должны указывать размеры изображения вручную, потому что если не указывать, будут скачки в потоке документа по мере загрузки изображения"…
- 0 ▲1 ответ.
Как правильно разместить в одном блоке 2 фона?
Не знаю насколько корректен мой вопрос, но в данном случае у меня переход с картинки на фон, при этом действие происходит в одном и том же блоке, как лучше сделать такую штуку и п…
- 2 ▲2 ответ.
Медиа-запросы не работают
Здравствуйте! Помогите, пожалуйста, советом: пытаюсь с помощью медиа-запросов отрегулировать ширину шапки и контента, но не выходит. Мне нужно, чтобы если экран устройства менее 1…
- -7 ▲1 ответ.
Верстка сложных интерфейсов без css
Существует ли возможность верстать очень сложные интерфейсы без привлечения css? Если такая возможность существует и не одна, то какая лучшая? Если не понятно о чем я, то хочется …
- 0 ▲3 ответ.
Как растянуть сайдбар до футера?
css html Не работают: min-height: 100%; height: 100%; Как растянуть сайдбар до футера?
- 0 ▲1 ответ.
bootstrap блоки
Вопрос такой, почему в коде, содержащем 2 блока: <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>1 блок </p> </div> &…
- 2 ▲1 ответ.
Адаптивный дизайн - колонки
Здравствуйте. Возникла такая проблема: на сайте есть две колонки. Одна - sitebar - фикс. размер (254px), а вторая - динамический размер (max-width: 1100px min-width: 668px). Помог…
- 0 ▲1 ответ.
Ширина блока на оставшуюся ширину страницы
Вопрос болезненный для меня. Вот есть контейнер, на всю ширину страницы, есть блоки внутри: от одного до нескольких — с шириной, меняющейся в зависимости от контента, а последний …
- 2 ▲1 ответ.
Как сделать адаптивные фоновые изображения, как на fl.ru
Хочу сверстать этот макет. При масштабировании фоновое изображение масштабируется не пропорционально. Хочу, как на fl.ru: ссылка, ссылка. Хотел изучить исходный код fl.ru, но там …
- 1 ▲1 ответ.
Как оформить ряд со спанами визуально как таблицу?
Bootstrap 2 3 2 Как оформить ряд со спанами визуально как таблицу? Задача сделать таблицу, и самое простое решение сделать ее, как обычную таблицу. Вот так она выглядит: Я хочу, ч…
- 4 ▲1 ответ.
Как сверстать border, аналогичный комбинации fieldset и legend?
Как сверстать такой border? Сайт на bootstrap, то есть он не должен сползать. Сейчас сверстан с помощью legend и fieldset, что не поддерживается в ie8 и ранних версиях opera. http…
- 0 ▲2 ответ.
Как задать цвет элемента select > option при наведении на него курсора?
select содержит option, нужно задать цвет при наведении на option курсора, для примера, на картинке у option'а как-то задан оранжевый бэкграунд и белый color < select> < …
- 0 ▲2 ответ.
Как правильно уменьшить ширину span'а?
Bootstrap 2.3.2 Как правильно уменьшить ширину span'а? Например, есть span8, я хочу, чтобы он был поуже, но не настолько узкий, как span7. Для примера на картинке span8 ofset2, мн…
- 2 ▲2 ответ.
Начальное масштабирование не адаптивной верстки на смартфонах
Здравствуйте. Сайт сверстан не адаптивно, но для некоторых элементов прописано особое поведение на смартфонах через media queries (часть элементов скрывается, изменяется лейаут и …
- 0 ▲0 ответ.
Как сделать адаптивный слайдер?
Можно ли как-то при помощи CSS сделать подобный слайдер адаптивным/резиновым? Пример Сколько гуглил готовые решения для изменения размеров контейнера используют JS...
- 4 ▲1 ответ.
Медиа-запрос или аналог относительно родителя, а не вьюпорта или экрана
Имеется вот такой блок: Хотелось бы сделать так, чтобы при достаточности ширины он трансформировался в такой блок: Как писать свойства - понятно: заменить инлайн-блоки на блоки, д…
- 1 ▲1 ответ.
Выравнивание сетки из li элементов
Здравствуйте. Столкнулся с проблемой. Есть каталог картинок, реализованный списком <ul>. Блок, содержащий их, - резиновый, поэтому возникает проблема центирования этого спис…