Проблема адаптации на размерах менее 575px

0

0

Здравствуйте! Застопорился, помогите разобраться:

В Dev Tool, когда я выбираю размер менее 575 нет никакой адаптации , все стили оторажаются как на максимальной десктопной версии, словно до этого никаких адаптивных media стилей вообще не было прописано, хотя еще на размере менее 768 адаптивность отображается адекватно. Колоночное свойство bootstrap указано col, т.е. колнки на этом малом размере не должны были поплыть.

Скриншот адаптивного отображения страницы на дисплея размером 576 px

Скриншот НЕАДЕКВАТНОГО адаптивного отображения страницы на дисплея размером мене 576 px

2.15 Практика. Адаптация проекта. Часть 2 адаптивная верстка

Николай Панов

4 years ago

возможно проблема в верстке. не все элементы в колонке, превышено число колонок. над посмотреть верстку.

Alex B

4 years ago

ну да сюда можно же всем показать через insert code sample

Alex B

4 years ago

я без стилей посмотрел вроде там все норм

Alex B

4 years ago

Я могу вам как-то показать верстку?

Николай Панов

4 years ago

Здесь был большой и длинный код, для удобства убрал его

Николай Панов

4 years ago

Разобрался с проблемой: в моем случае я прописал в основном файле со стилями ширину .container 1200 px. В media стилях, bootstrap создает по умолчанию для .container max-width для каждого разрешения дисплея, но на ширине менее 575 px max-width для .container в bootstrap не прописан, я так понимаю, это потому что меньших диапазонов адаптации не существует. В следствии этого у меня подхватывалась ширина контейнера, которая была прописана мной изначально 1200 px. Gосле ее удаления, адаптация содержимого на размерах менее 575px происходит корректно.

Николай Панов

4 years ago

6 ответов