Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Адаптивность дизайна сайта с помощью CSS, как правильно реализовать?

Адаптивность дизайна сайта с помощью CSS, как правильно реализовать?


     28.08.2015    Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery    1056

вопрос
Всем привет, вопрос больше к профессионалам по верстке и админам сайта!

Есть обычный не адаптивный дизайн, двухколоночный сайт, нужно его сделать адаптивным с помощью CSS!

Как правильно использовать @media screen в стилях и как далее применить его в HTML, по возможности наведите пример на одном любом div? (напишите пожалуйста в примере размеры для всех типов экранов как в CSS, ну и далее в HTML)

Длякаких расширений экрана лучше, размеры

Нужно ли что-то прописывать и что конкретно в тегах ?

Как реализовать такой вариант, когда при просмотре сайта с мобильного левое меню переносится в верх над контентом ввидевыпадающего списка?

Заранее огромное спасибо за ответ!

Ответил: ПафНутиЙ


Откройте css bootstrap, там все ответы на ваши вопросы.

Комментарии пользователей (3)

Serik
4

408 | 191

Serik - 29 августа 2015 07:48 - Местный

Скачайте шаблон ExAndroid - там всё есть. У меня такой же стоит - я покупал, потом допиливал под себя - alllwp.ru

СПАСИБО надо тыкать в кнопку!

SEOWEB
29 | 10

SEOWEB - 31 августа 2015 10:49 - Юзер

еще есть варианты с адаптивностью, как правильно сделать?

ПафНутиЙ
1065

3395 | 2433

ПафНутиЙ - 31 августа 2015 11:02 - Админ

Цитата: SEOWEB
еще есть варианты с адаптивностью, как правильно сделать?

Почитайте про @media() и применяйте. В чём сложность?
Можно ещё костылей на js нагородить.

Каков вопрос - таков и ответ. Просто помните об этом.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы