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

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

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

★★★★★

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

★★★★★
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
00:11 "The web is a dynamic place". Мюллер ответил по шторму 30 января (лучше б молчал) 
23:34 Гугл официально убивает клики: кнопка "Show more" теперь открывает чат на весь экран вместо сайтов 
23:32 [AI] Хаби Лейм и сделка на $1 млрд. Гений или его развели на фантики? 
23:26 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 
19:04 SEO под нейро 
17:20 Дзен окончательно всё? Или у кого-то еще «стреляет» белый контент? 
17:16 [AI] 90% против нейросетей? Красивые цифры от DuckDuckGo (с подвохом) 
23:54 GoodsMoney.io 
23:51 Volna.money 
20:20 Mixmasters - Exchange without AML and KYC 
17:22 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram 
16:49 Nexulume.com Обменник без AML и KYC 
15:35 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 
11:12 AllCharge.online. Современный, быстрый и надёжный обменник 
00:27 Точные прогнозы на футбол 
23:37 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
23:30 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 
23:21 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем 
19:06 Отвратительное поведение 
11:00 Кто может дать инвайт на WebMasters? 
17:58 Список обновленных тем пуст...