Код в 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" />
Но конечно этого мало, дизайн нужен адаптивный.

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

Сообщений: 9896 Регистрация: Июн 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

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

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

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

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

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

Александр

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

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

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

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

Prapovednik

Модератор

Сообщений: 64762 Регистрация: Мар 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)

Новые темы	Объявления	Свободное общение
22:41 От ICQ до Max: как VK меняет правила игры на рынке мессенджеров 21:50 Новые штрафы для блогеров: что изменится с 25 марта? 04:54 Раскрутка форума 23:33 Второй год подряд Яндекс Переводчик занимает первое место в мире 20:48 Звёзды соцсетей теперь в официальных реестрах — что это значит для бизнеса? 15:27 Купил сайт и забросил 14:27 Edu-Revenue.com – партнёрка в нише эссе. До 75% за новые заказы, 35% – ребилы!	04:12 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 21:06 Купить дедики Абузоустойчивые сервера Аренда сервера Купить dedic Дедик Дешево vps vds сервера дедики на SSD! 18:38 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 16:41 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 16:28 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 15:13 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно 02:44 garantcoin.io - быстрый и надёжный сервис обмена криптовалюты GarantCoin	01:23 Теперь казино скажет тебе: «Мужик, не надо, подумай о семье!» 21:41 С юмором по жизни! 21:41 Облака больше не бесплатны: Европа выселяется из цифровых коммуналок США 06:21 Точные прогнозы на футбол 21:28 YouTube под ударом: глобальный сбой лишил пользователей HD-контента! 22:32 5 апреля — день X для TikTok: будущее популярной платформы под угрозой! 19:41 Нейросети под гипнозом: как вымышленные миры превращают ИИ в киберпреступников!