Создание мобильной версии сайта

@ProgrammerNoob · Регистрация: 17.04.2017

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

Подскажите как реализовать?
При помощи @media handheld (screen) не получается.

Добавлено через 1 час 10 минут
Немного разобрался сделал таким вот образом @media screen and (min-width:275px) and (max-width:750px).
Как сделать чтобы отображались отдельные элементы <div> подобным образом?

@andrey7287 · 10.08.2017, 09:32

Сообщение от ProgrammerNoob

Как сделать чтобы отображались отдельные элементы <div> подобным образом?

CSS

.show-on-mobile-only {
  display: none;
}
@media (max-width:750px) {
  .show-on-mobile-only {
    display: block;
  }
}

@ProgrammerNoob · 10.08.2017, 09:36 **[ТС]**

Ладно и с этим я разобрался довольно легко и сразу. Может кто скинуть пример версии мобильного варианта сайта? Нужны стили для красивого и правильного отображения страницы.

@andro_dev · 10.08.2017, 10:52

ProgrammerNoob, Сейчас прктически на любом маломальски современном сайте есть адаптив.
Поищи в интернете бесплатны адаптивные шаблоны, примеров куча

@ProgrammerNoob · 11.08.2017, 04:52 **[ТС]**

Дизайн был готов не понимал почему не отображается как должно на мобильных устройствах.
Добавил вот этот код и вуаля

HTML5

1 2	<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

@ProgrammerNoob 0 / 0 / 0 Регистрация: 17.04.2017 Сообщений: 27
		1
	Создание мобильной версии сайта 10.08.2017, 08:21. Показов 1541. Ответов 4 Метки нет (Все метки) Подскажите как реализовать? При помощи @media handheld (screen) не получается. Добавлено через 1 час 10 минут Немного разобрался сделал таким вот образом @media screen and (min-width:275px) and (max-width:750px). Как сделать чтобы отображались отдельные элементы <div> подобным образом? 0

@ProgrammerNoob 0 / 0 / 0 Регистрация: 17.04.2017 Сообщений: 27
	10.08.2017, 09:36 [ТС]	3
	Ладно и с этим я разобрался довольно легко и сразу. Может кто скинуть пример версии мобильного варианта сайта? Нужны стили для красивого и правильного отображения страницы. 0

@andro_dev 3 / 3 / 5 Регистрация: 26.08.2015 Сообщений: 93
	10.08.2017, 10:52	4
	ProgrammerNoob, Сейчас прктически на любом маломальски современном сайте есть адаптив. Поищи в интернете бесплатны адаптивные шаблоны, примеров куча 0

	11.08.2017, 04:52

Опции темы