Вопросы с меткой [адаптивная-верстка]

Процесс форматирования веб-страниц, адаптированных под экраны любых размеров.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
557 показов

Выравнивание логотипа с помощью css. Позиционирование изображения в % или vw

Верстаю макет с Фигмы Webovio Есть страница /* Обнуление */ *, *::before, *::after { padding: 0; margin: 0; border: 0; box-sizing: border-box; } a { text-decoration: none; } ...
wfamilyweb's user avatar
6 голосов
1 ответ
4k показов

Как правильно верстать макет, когда ширина экрана меньше ширины макета в пикселях?

Ширина макета 1920px. Ширина монитора 1600px. Вопрос: как правильно верстать такой макет и соблюсти все размеры и отступы?
Proshka's user avatar
  • 1,514
1 голос
1 ответ
991 показ

Как в моб. версии Bootstrap сделать так, чтобы при открытии Navbar вложенные Dropdown уже были раскрыты?

Вот верхний Navbar, в нем есть Dropdown меню: http://getbootstrap.com/components/#navbar На широком экране Navbar развернут, а Dropdown свернут, как и должно быть. А на узкой мобильной Navbar ...
Jatixo's user avatar
  • 13
0 голосов
3 ответа
4k показов

Почему в разных браузерах сайты на одном и том же разрешении отображаются по-разному?

Объясните, пожалуйста, почему при использовании инструментов по отображению сайта в разных разрешениях, разные браузеры выдают сайт по разному при одном и том же разрешении? Chrome, как я понял ...
Kniga's user avatar
  • 393
0 голосов
2 ответа
187 показов

Как прижать подвал в адпаптивном макете [дубликат]

footer страницы никак не ограничен по высоте, а при уменьшении экрана содержимое подвала перемещается вниз. Как сделать чтобы на всех экранах он был прижат, но при этом вел себя правильно(н-р не ...
A. Gr's user avatar
  • 466
10 голосов
3 ответа
8k показов

Адаптивный поворот текста

Нужно сделать заголовок адаптивного блока с поворотом. Загвоздка в том, что блок адаптивный, ширина меняется относительно экрана, и высота может быть сколь угодно разная, в зависимости от внутреннего ...
kizoso's user avatar
  • 9,333
7 голосов
3 ответа
936 показов

Responsive clip-path

В следующем примере блок main (синезелёный градиент) обрезается при помощи clip-path и принимает форму сердечка. Однако видно, что он обрезается в масштабе 1:1, а хотелось бы, чтобы форма обрезки ...
Qwertiy's user avatar
  • 124k
5 голосов
3 ответа
1k показов

Как сделать такие пятиугольники (+адаптивные) через css?

Думаю, что их стоит сделать svg polygon, но как это лучше реализовать, чтобы они и адаптивными были и подгонялись под ширину блока, в котором находятся?
Александр Тимофеев's user avatar
2 голоса
2 ответа
469 показов

Резиновая верстка: проблема с центрированием содержимого

В этом вопросе рассматривается проблема, которая была обнаружена в одном из предложенных решений в ответе на другой мой вопрос: Резиновая вёрстка: пустое простанство справа. Задача довольно ...
Боков Глеб's user avatar
2 голоса
2 ответа
1k показов

Треугольник адаптивно?

Подскажите пожалуйста, как сделать блок с текстом как на картинке, чтобы если текст расширяет блок триугольник растягивался вместе с блоком.
junior-web-dev's user avatar
2 голоса
2 ответа
701 показ

Нужен адаптивный кривой блок (svg, css) ie9

Нужен вон такой адаптивный блок, в ие9-11 width:100% для svg не работает. Подскажите способ как сделать такое адаптивно? спасибо!
junior-web-dev's user avatar
1 голос
1 ответ
316 показов

Как при первом входе на сайт c мобильных отображать иконку на iOS-приложение?

Привет. Мне довольно не тривиальная задачка пришла, но простая, главное разобраться. Суть такая: Есть готовый сайт-SPA и есть готовое мобильное приложение на iOS. При первом входе на сайт SPA через ...
Dmitrii Esin's user avatar
1 голос
1 ответ
11k показов

Совместное использование container и container-fluid в Bootstrap 3.5

Допускается ли совместное использование классов container-fluid и container? Можно ли их вкладывать друг в друга? Bootstrap 3.5
Дмитрий Гвоздь's user avatar
0 голосов
0 ответов
80 показов

Синтаксис задания высоты блока

Есть интерфейсные блоки Есть блок в коде <html> <head> <!-- <link rel="stylesheet" href="testsite.css">--> <meta http-equiv="Content-Type" content="text/html; ...
itspec891's user avatar
0 голосов
3 ответа
488 показов

Как сделать меню свернутым при загрузке?

Я сделал адаптивное меню, но при загрузке страницы оно уже развернуто, а нужно, чтобы было свернутым. Я пытался пофиксить это, добавляя к #menu-item свойство display: block; после нажатия на кнопку, ...
Joe Kappa's user avatar
0 голосов
1 ответ
1k показов

Пропорциональное изменение изображения при адаптиве

Смотрел видеоурок Адаптивная верстка на 1:39:50-1:43:10. Там изображение менялось с на А хотелось бы чтобы изображение изменялось в размерах как на Пример (см. этот момент @ЕвгенийКулик) на Код ...
wfamilyweb's user avatar
0 голосов
1 ответ
785 показов

Адаптивная верстка шапки сайта с помощью flexbox [дубликат]

Искал в интернете -Адаптивная верстка шапки сайта. Но везде, где бы не смотрел - приводятся примеры с justify-content: space-between. Подскажите, как сверстать адаптивную шапку с процентными margin-...
wfamilyweb's user avatar
0 голосов
1 ответ
297 показов

как сделать ширину страницы в шаблоне под область просмотра?

Как в этом шаблоне https://scripteden.com/previews/Clean/ сделать ширину страницы под область просмотра? Проверка выдает: Ширина страницы составляет 427 CSS-пикс., а области просмотра – всего 412 ...
Jul's user avatar
  • 167
0 голосов
0 ответов
2k показов

Прозрачный скроллбар на переднем плане

В результате своих изысканий по поводу решения проблем скроллбара при адаптивной вёрстке на данный момент я решил, что лучше всего скроллбар сделать: Тонким Полупрозрачным Плавно убирающимся после ...
Боков Глеб's user avatar
0 голосов
1 ответ
976 показов

JavaScript: как повторно выполнить скрипт из внешнего файла?

Вопрос новичка: как вызвать выполнение следующего скрипта адаптивной вёрстки при изменении ширины страницы, если скрипт находится во внешнем файле (ссылка на него добавлена в <head> и он ...
Боков Глеб's user avatar
0 голосов
0 ответов
235 показов

JavaScript&CSS: корректное отображение с полосой прокрутки и без

Делая адаптивную вёрстку, столкнулся с проблемой полосы прокрутки. Вкратце о моём коде. Я узнаю ширину окна и с помощью window.onload и window.onresize выполняю код как при первой загрузке, так и ...
Боков Глеб's user avatar