Мобильная версия сайта

@Mikhail Shell · Регистрация: 15.11.2014

Author24 — интернет-сервис помощи студентам

Уже создан сайт и хотелось бы создать его мобильную версию. Подскажите пожалуйста, как это лучше всего сделать!

@Prog_maker · 26.12.2014, 20:31

можно с css добавить медиа-запросы.
например

CSS

. container{
width: 1000px;
}
@media (max-width: 768px) {
  .container{
    width: 500px;
 }

теперь на мобильном устройстве с шириной экрана до 768px , блок .container будет отображаться с шириной 500px, а на декстопе с шириной 1000px. Вот так можно проделать со многими элементами.

Или использовать адаптивную верстку Bootstrap 3

@webmaster_help · 29.12.2014, 17:09

HTML5

@media (max-width: 768px) {
  .site{
    width: 900px;
 }
 
@media (max-width: 350px) {
  .site{
    width: 900px;
 }
 
воощем в media под определенный экран кидай все свои стили и все будет работать, я для верстки использую фраймворк Bootstrap, через него все делается быстрее.

@Mikhail Shell 52 / 52 / 39 Регистрация: 15.11.2014 Сообщений: 696
		1
	Мобильная версия сайта 26.12.2014, 20:21. Показов 1254. Ответов 2 Метки нет (Все метки) Уже создан сайт и хотелось бы создать его мобильную версию. Подскажите пожалуйста, как это лучше всего сделать! 0

	29.12.2014, 17:09

Опции темы

Мобильная версия сайта

Решение