Мобильная верстка
Страницы: 1 2 След.
Мобильная верстка
Привет жителям Супра!smile:)
Подскажите такую тему, какая структура html под мобильные браузеры?
Верстаю дивами и как мне сделать что бы если я задал ширину 600px, то на экране телефона и были только эти 600px, а то у меня открывая в браузере получается в центре блок дивовый, а по краям белые пробелы.
Вы скажете, сделай без ширины. Ну так я и так делал, а он начинает сам произвольно выбирать длину и все опять же получается некрасиво.
Если сделать все огромное, то для пользователей десктопов все получается не красиво. Сразу говорю, под новый проект еще ничего не верстал, примера нет, я за советом пришел, может что то в стилях или в самом коде надо прописать, что бы все было красиво.
Если будет линк на грамотную статью по этой теме, скидывайте в ЛС.
Всех люблю, всем спасибо!smile:help:

PS Сразу говорю, я новичок со знаниями чуть выше среднего.

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Павел Сергеевич, ну обычно тупо делают по заказ и ТЗ за денежку,а так милости просим в гугл и вуаля - вёрстка под мобилки и т.д, там на 99% стили и только....
вадим, Просто я сам делаю проект (после долгого перерыва) и он на 80% ориентирован под мобильные браузеры (ОС Android). А поисковики мне не помогли пока что, может быть плохо искал, но я для этого на форум и обратился за помощью. Я так понимаю основа верстки под мобильные устройства заключается в стилях?
Если что, пока верстаю шаблон на денвере.
Нашел генератор мобильных шаблонов MOBIRISE
Слишком много всего ненужного, но в то же время там такой шаблон генерируется как я понял если десктоп, то для него, если мобил то для нее. Фух, короче буду разбираться, о результатах отпишусь.
Цитата
Павел Сергеевич пишет:
Нашел генератор мобильных шаблонов
Лучший генератор шаблонов - это прямые руки
Принципал, я не нашел ни одной нормальной статьи по мобильным шаблонам. Мне кажется мне легче сейчас сидеть разбирать код, что бы придти к результату и кое что для себя выяснить. И вообще, не вижу в вашем посте ни капельки смысла.
Цитата
Павел Сергеевич пишет:
не вижу в вашем посте ни капельки смысла
Естественно не видите, раз
Цитата
я не нашел ни одной нормальной статьи
Принципал, а вот и нашел уже, курю медиа запросы.
Используйте бутстрап, просто и быстро.
instaplus.by - продвижение вашего бизнеса в Instagram
твонлайн.бел - Архив телеканалов
Все, разобрался с медиа запросами, теперь остается творить и все, чувствую css будет просто нереально большим... Модераторы, тему пока не закрывайте, мне потом нужно будет протестировать на разных устройствах и в разных ориентациях, для этого я напишу сюда, через сколько, не знаю... 2-3 дня.
А помог мне кстати Хабр лучше вкурить тему с медиа запросами, кому надо, линк:
Код
https://habrahabr.ru/post/119127/
Цитата
Bibik пишет:
Используйте бутстрап, просто и быстро.
ТС, вот человек дело говорит. Там ещё много приятных фишек для фронтенда.
За окнами солнце, за окнами свет - это день.
Ну а я всегда любил ночь.
И это мое дело - любить ночь,
И это мое право - уйти в тень.
Eye, фишки не нужны, нужен минимализм кода и быстрота загрузки. Я уже основу сделал альбомную, сижу адаптирую портретную. Медиа запросы вполне справляются со всем тем, что мне требуется.
Павел Сергеевич, ну так и я про это,работа кропотливая и требует усидчивости и терпения,так что курите дальше,больше чем советами здесь всё равно не помогут,удачи.....
Цитата
Eye пишет:
ТС, вот человек дело говорит. Там ещё много приятных фишек для фронтенда.
Бустрап грузит сайт сильно, тяжелая библиотека, для перфекционистов не подойдет))

Media запросы фореве, ну если уж прям вообще времени в обрез, то из бустрапа сетку взять можно. А если прям лень лень, то обращайтесь ко мне, за день сайт адаптирую)

★★★★★

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

★★★★★
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
13:39 Латинский домен и кириллические названия страницы в ссылке 
13:27 раскрутка безанкорами 
13:23 Офферы для монетизации сайта компьютерной тематики 
13:17 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
12:59 Adsense личный опыт 
12:43 Проседает трафик в Гугле 
12:41 Это нормальна выдача?? 
12:13 Надежный и мотивированный дизайнер, который точно не сорвет сроки и сделает круто 
12:04 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
11:46 Прогрев смтп серверов под вашу email рассылку (инбокс 98%) 
09:36 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 
09:19 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса! 
09:11 Куплю канал Яндекс Дзен с монетизацией 
07:46 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube, Качественное продвижение. Накрутка за отзыв 
12:03 Кому пришла выплата с AdSense? 
10:45 Провожу бесплатные аудиты сайтов, консультации, сбор семантических ядер 
07:58 Нужны комментарии на блог (платно) 
00:44 (затёр)-агентство «(затёр).COM» 
19:46 Ссылка с морды 
18:54 меня кто-то сканит? 
15:59 Индексация ссылок в профилях форумов