Мобильная верстка
Страницы: 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)
Новые темыОбъявленияСвободное общение
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
17:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 
09:56 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
23:00 Продвижение по ключам 
03:51 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
00:23 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
20:20 Продвижение сайтов 
15:49 Продажа аккаунтов HH.RU 
15:12 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
13:55 Современный скрипт обменника электронных валют 
13:06 AlwaysMoney - платформа для обмена криптовалют 
20:43 Добро пожаловать в цифровой мир... 
15:59 Про мясо 
23:09 ПП от PMS remote.team - 200$ за команду 
13:28 Компьютерная мышь 
22:55 Ну что, кто куда деваете свои сайты? 
22:34 Используете беспроводные наушники? 
22:26 Какой фильм посмотреть сегодня вечером?