Мобильная верстка
Страницы: 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 След.
Похожие темы:
Читают тему (гостей: 2, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:51 Stixi.ru. и stixi.com 
16:22 Работает ли ссылочное продвижение 2019 – 2020? 
14:13 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
10:09 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
21:07 Взрывной рост роботности в Метрике 
18:33 Trafee.com – эффективная монетизация вашего дейтинг трафика 
15:41 Adtrafico - Правильная партнёрская сеть под бурж трафик 
06:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
20:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
20:21 Sectormoney.com - быстрый и удобный обменник 
17:27 Уникальный сервис SEO продвижения 
05:08 [WORDPRESS] [Gemini|GPT]️ ClipAI - Копирайтинг больше не нужен! Подключит ИИ к интернету и напишет статьи с автоматической публикацией на сайт. 
14:51 Мощные прокси для вашего бизнеса! 
12:17 Продам дешёвые домены (1$/штука) 
04:06 Точные прогнозы на футбол 
20:09 Сколько сейчас стоит наполнение ИМ? 
12:43 Куплю проигрышные букмекерские аккаунты 
04:33 Половина скидок на распродажах — фейк 
07:53 НейроБабушка наказывает мошенников 
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту