Задать вопрос

Правильно ли я применил адаптивную верстку для мобильных устройств?

Доброго времени суток.
Есть обычный лендинг, который я заверстал за сутки, а затем еще сутки адаптировал под мобильные устройства. Сначала делал это через средства разработчика в Хром. После нескольких проверок, когда оказалось, что в некоторых местах Хром мне врёт, начал проверять на трёх разных мобилках и подгонять результат.
Вопрос такой: правильно ли я применил принципы адаптивной верстки или это делают по-другому? Если можно, то с примерами
Благодарю
  • Вопрос задан
  • 253 просмотра
Подписаться 1 Оценить Комментировать
Ответ пользователя Ivan Bogachev К ответам на вопрос (2)
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Правильно ли я применил адаптивную верстку

Сам факт задания такого вопроса заставляет усомниться в правильности, и с энтузиазмом найти косяки. Так вот: вы совсем забыли про то, что на телефоне, как бы так сказать, может быть низкий экран.
В результате получилось...

Упс..
d7d0f845e9d14a1eb1d0b248e9e321b7.png
Уупс..
32fb9c1d02db4490b3061b775c26f941.png
Ну ежик....
113a5546b37249eabeda56ba1641b8df.png
Думаю идея понятна. Избавьтесь от жестких привязок к vh.


А еще отступы везде немного плавают (не знаю, может дизайн такой, может я привередливый).

А вот это
function dropOne() {}
function dropTwo() {}
function dropThree() {}
function dropFour() {}

Можно было бы и получше оформить.
Ответ написан
Комментировать