Код в html для адаптации под экран телефона

Сообщений: 91 Регистрация: Авг 2016

21 Октября 2016 20:25

Вечер добрый. Подскажите какой код нужно прописать в html коде сайта, чтобы он отображался на экране телефона без горизонтальной прокрутки? Пример сайта crimean-stroy.ru на экране пк сайт отображается как обычно а на экране телефона он вертикально прокручивается и очень удобно просматривать. Заранее спасибо

masterrabot

Сообщений: 1752 Регистрация: Янв 2016

21 Октября 2016 20:33

Посмотрите коды в статье по ссылке "Пошаговое руководство по созданию адаптивного дизайна" _http://site-on.net/create/html/7-responsive

INWOXER

Сообщений: 1015 Регистрация: Окт 2014

21 Октября 2016 22:15

Это Вам нужно заказывать адаптацию сайта. Обращайтесь, давно занимаюсь этим.

★★★★★

inwoxer.ru - копии сайтов 800 руб, создание сайтов 200 руб, https сертификаты и другие услуги по СОЧНЫМ ценам.
NEW! СЕО аудит 700 руб и прогон Твиттер 500 руб

★★★★★

Sasha Minsky

Сообщений: 480 Регистрация: Апр 2013

22 Октября 2016 06:23

Код в заголовках страниц такой:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Но конечно этого мало, дизайн нужен адаптивный.

Вячеслав Шаров

Сообщений: 9907 Регистрация: Июн 2015

22 Октября 2016 08:13

Цитата
Sasha Minsky пишет: Но конечно этого мало, дизайн нужен адаптивный.

Но это самый оптимальный вариант:)

✔(НЕЙРОСЕТЬ) Качественные живые посетители на ваш сайт, блог, канал — Бесплатно!!!

♛ЛУЧШИЙ ПРОВЕРЕННЫЙ и САМЫЙ НЕДОРОГОЙ ХОСТИНГ: АКЦИИ!

Александр

Сообщений: 474 Регистрация: Мар 2011

22 Октября 2016 13:17

Цитата
Дмитрий Началов пишет: Пример сайта crimean-stroy.ru

Я Вам скажу что сайт не пример!

Конечно верстка выполнена адаптивной, но, под ПК и моб, но вот для не стандартные разрешениях монитора, сделано плохо, будут этот сайт по горизонтале прокручивать, что приводит к 90% отказам.

Цитата
Дмитрий Началов пишет: какой код нужно прописать в html коде сайта

Причем тут html? Тут Вам CSS в руки, прописывать адаптивность блокам.
Есть конечно люди которые делают 2 кода html 1 под ПК и 1 под моб. и после прописывают в CSS для них. Но лично я считаю, что это лишний код. Через @media можно указать как блокам отображаться.

Веб дизайн - отзывы

Ninoi

Сообщений: 60 Регистрация: Окт 2016

22 Октября 2016 14:28

Видно же по вопросу, что человек от верстки далекий, разве советы прописать media queries в CSS вам помогут? Найдите или купите себе готовый адаптивный шаблон и не мучайтесь, или закажите адаптацию своего шаблона - полно желающих предлагающих свои услуги. Хотите учить с нуля - начните хоть с пары книг для начала.

Eye

Сообщений: 22228 Регистрация: Май 2011

22 Октября 2016 14:53

Цитата
Александр пишет: будут этот сайт по горизонтале прокручивать, что приводит к 90% отказам.

ну отказы будут выше, чем на адаптиве, но 90% - это Вы загнули, конечно. Было если 10 - станет 15, было 30 - станет 50. А 90% (ни разу такого на практике не встречал) чтобы стало из-за полосы прокрутки - так без неё должно быть 75-80% smile:)

Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.

Александр

Сообщений: 474 Регистрация: Мар 2011

22 Октября 2016 23:36

Цитата
Eye пишет: но 90% - это Вы загнули, конечно

Это я так к примеру.

Prapovednik

Модератор

Сообщений: 64920 Регистрация: Мар 2010

#10

31 Октября 2016 10:33

Дмитрий Началов, пожалуйста, будьте внимательны при выборе раздела
Тему перенёс в раздел "Свободное общение" из "Вопросы новичков" (Вопросы новичков по поисковой оптимизации сайтов), об этом сообщил в ЛС автору темы.

+ не забывайте поддерживать свои темы

1. Продвигай сайты ЛЮБОЙ тематики! Вечные ссылки и статьи.
*
2. Альтернативная монетизация на Ютуб на ЛЮБОМ КОНТЕНТЕ.

Zerzes Сообщений: 894 Регистрация: Авг 2016	#11 31 Октября 2016 11:03 А как вообще отражается на сео не адаптированный под мобильный трафик сайт? Пессимизируется он из-за этого у ПС или нет?

Похожие темы:

19.12.2018 17:30	Счетчик посетителей сайта на HTML и Javascript Счетчик посещений сайта на HTML и Javascript Бесплатный счетчик посещений на сайт
30.10.2018 13:42	Не переадресуется index.php?do=feedback на feedback.html
29.10.2018 14:12	Подскажите сервис для создания html писем
12.11.2017 22:03	HTML сайты - преимущества?
20.09.2017 20:47	Нет попадают статьи в индекс, адрес стал .ru/__trashed.html

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
11:46 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам). 23:10 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 21:20 Rotapost прикрыли! Чем пользоваться? 00:23 Раскрутка форума 00:19 Продвижение по ключам 17:40 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 14:07 2Index - быстрая индексация страниц сайта и обратных ссылок	04:13 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 01:31 Сайты с зарубежным трафиком КУПЛЮ 20:27 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:54 SOCKS5 приватные прокси на 30 дней для PayPal 19:53 Google Voice аккаунты для бесплатных SMS и звонков 19:53 PayPal аккаунты для любых целей 17:53 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?