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

Question

[ALEX]

Добрый день, есть сайт med-sks.com.ua . При уменьшении окна браузера меню начинает слипаться, я хочу прописать так чтобы сайт сразу переходил в мобильную версию, тоесть прописать правило при большей ширине, но не знаю как это можно сделать

Answer 1

[Петр]

Используйте media в CSS. все стили которые вы напишете в { } этот стиль будет применяться либо больше чем значение ширины экрана или меньше. Еще вот можете посмотреть https://html5book.ru/css3-mediazaprosy/

@media (min-width: 768px) { 
    .test {
    }
}

@media (max-width: 768px) { 
    .test {
    }
}

Comments

[Andrey Helldar]

Лучше min-width: 768, a max-width: 767, иначе при ширине в 768 верстка поедет: если с мобильного делаешь шире - не развернется, а если с десктопа уже - не перейдет.

Answer 2

[profesor08]

@madia (max-width: 1280px) {

}

Comments

[theuser]

ага, 1280, и на планшете получаем мобильную дичь, вместо десктопной версии, если конечно она правильно сделана.

[profesor08]

theuser, прочитай вопрос, открой сайт и еще раз подумай