Как сделать адаптивным выпадающие меню?

Question

[lilandre2]

Добрый день. Занимаюсь разработкой веб-сайта http://днк.укр/ . Требуется адаптировать выпадающие меню при разрешении начинаю от 320 до 1200. Хочется это сделать как-то более эффективно, чем с помощью позиционирования. И что-бы с меньшими костылями. А так-же не пойму почему иногда из-за наведения на пункт меню- главное меню сьезжает влево?

Comments

[ⓒⓢⓢ]

Оффтоп

То чувство когда начитался тонны теории и впихиваешь всё подряд в каждый блок -_-

[Ankhena]

1. Изменить дизайн (оно и на десктопах... как бы помягче выразится... не очень)
2. Расстояния между активными элементами должны быть такими, чтобы на них можно было нажать пальцем (причем не все люди ловкие и некоторые имеют лишний вес в связи с чем и пальчики не маленькие)
3. Посмотрите как сделаны меню для мобильных на разных сайтах. Самый простой и распространенный пример - бутсрап. Суть в том, что на мобильных меню обычно выглядит совсем иначе, чем на десктопах. Например, отключите на мобильных свой суперфиш и сделайте просто вертикальное меню (можно аккордеоном) спрятанное в гамбургер.
4. Сами откройте получившееся на смартфоне и попробуйте взаимодействать с меню.
5. Адаптаци я с помощью позиционирования - это что-то очень странное, я не поняла о чем это.
6.

А так-же не пойму почему иногда из-за наведения на пункт меню- главное меню сьезжает влево?

из-за позиционирование и ширины

Answer 1

[Максим Тимофеев]

Я бы начал с адаптации дизайна под 21 век.

Хочется это сделать как-то более эффективно, чем с помощью позиционирования

А как вы позиционированием планируете адаптировать?
Еще 1 проблема с меню и на мой взгляд очень важная - в мобильниках нет hover, как по вашему люди будут попадать в меню, если клик приводит к переходу?

Comments

[lilandre2]

Спасибо, учту. Делаю позиционирование абсолюте для лишек всплывающего меню и двигаю его с помошью лефта в процентах.

[Максим Тимофеев]

lilandre2,

лишек всплывающего меню

это что такое и какое отношение это имеет к адаптации? Точнее, что к чему Вы адаптируете?

[lilandre2]

Максим Тимофеев, Если разрешение уменьшается с 1200 на 900 всплывающее меню - съезжает в право. Я меняю значение лефт в лишках всплывающего меню что-бы оно было по середине.

[Максим Тимофеев]

lilandre2, допустим, а что значит

более эффективно, чем с помощью позиционирования

?

[lilandre2]

Максим Тимофеев, Я начинающий верстальщик. Может есть кие-то лайф-хаки как можно сделать адаптивность гораздо быстрей чес м помощью позиционирования.

[Максим Тимофеев]

lilandre2, куда быстрее, если Вы 1 параметр css изменили.