Как сделать мобильное меню?

Question

[Legal Adviser]

Верстая сайт с нуля без опыта и глубоких знаний прошу помощи видавших дело.
Не могу отладить меню для мобильных версий. Прошу желающих погонять, поучить, указать на мои ошибки. Буду благодарен и за скриншоты с мобильных версий и планшетов, а также за нормальную критику. Мой сайт тут.

Comments

[Legal Adviser]

Меня сильно мучает вопрос про мобильное меню, т.к. на яблоке, при прокрутке меню до последнего пункта, оно как бы залипает и после слова "Независимая оценка" там есть меню, но оно не показывается... Вообщем фигня какая-то ))
Может по иному варианту реализовать подпункты меню?

Answer 1

[historydev]

Не юзайте vh, это бред. Вы юзаете vh на заголовок с номером, а на контент меню - нет, выходит что на пикселе допустим меню заезжает на заголовок, а на более мелких телефонах всё нормально. Юзайте vw, в таком случае на всех экранах будет стабильный вид.

Comments

[Legal Adviser]

Я так понимаю, что лучше на текст статей и заголовки делать vh, а на всё остальное vw (типа лого и телефона сверху). Не совсем понимаю что означает

контент меню

. Просто я так понимаю, но могу ошибаться т.к. не совсем в теме, что контент меню это меню в которое находится в части

<main><article></article><sidebar></sidebar></main>

[historydev]

Legal Adviser, лучше не юзать это от слова вообще, пока не разобрались как это работает)

[Legal Adviser]

Владимир, Понял уже ) Просто мне показалось, что лучше vh использовать чем vw, но после вашего сообщения подумал, что

лучше на текст статей и заголовки делать vh, а на всё остальное vw (типа лого и телефона сверху)

Просто на гаджете, лично мне стало удобнее читать статьи, т.к. текст становился более удобочитаемым при использовании vh внутри <main><article></article></main>.

[historydev]

Legal Adviser, не один дизайнер не будет делать адаптивный текст - вам нужно разбивать проект на 3 версии: пк, таблет и мобилку. Потом работать на каждую из сторон и всё.

[Legal Adviser]

Владимир, у меня вроде так и есть. Есть css для РС + медиа под определённые параметры, просто делаю всё потихоньку, по мере возможности.
Типа (

/* Mobile iPhone 6s in portrait */
@media only screen and (orientation : portrait) and (min-device-width : 375px) and (max-device-width : 680px){

)

[historydev]

Legal Adviser, погуглите тему)