Куда пропала адаптивность?

366
04 апреля 2017, 11:51

Есть всего 6 букв на примере адаптивность (маленькие экраны) отсутствует: https://zemil.ru/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD/ также есть исходники, однако, адаптивность присутствует: https://tympanus.net/Tutorials/AnimatedOpeningType/ Думаю, что конфликт какой-то в стилях, однако, не могу решить проблему. Помогите

Answer 1

Если под адаптивностью имеется ввиду, что буквы перестраиваются друг под друга, то в референсе есть медиа квери, у вас в примере их нет. То есть нужно под разные разрешения менять ширину .ot-letter-left

CSS

@media screen and (max-width: 1190px)
{
    .ot-letter-left { width: calc(100% / 5); }
}

и так под каждую ширину экрана на которой требуется перестроение.

READ ALSO
“Показать ещё” N-элементов из Array-Like объекта

“Показать ещё” N-элементов из Array-Like объекта

Допустим, что есть Array-Like объект, структура в котором:

209
Как нажав на текстовом поле клавишу стрелки вверх или вниз перемещаться по списку снизу циклически

Как нажав на текстовом поле клавишу стрелки вверх или вниз перемещаться по списку снизу циклически

Как используя jquery написать событие которое сделало бы следующие действия - нажав на текстовом поле клавишу стрелки вверх или вниз перемещаться...

225
Контроль изменений объекта с помощью CSS

Контроль изменений объекта с помощью CSS

Всем приветНа сайте есть изменяющийся под нужды пользователя блок

266
Как скрыть меню поверх фрейма

Как скрыть меню поверх фрейма

У меня на странице есть iframe с видео с YouTube, и есть фиксированный хедер, который при перемещении по странице скрывается и появляетсяКогда открываю...

276