X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Необходима помощь с адаптивностью элементов
amstafff
amstafff
Topic Starter сообщение 6.3.2016, 19:13; Ответить: amstafff
Сообщение #1


Здравствуйте, буквально час назад приступил к изучению резиновой верстки и буквально сразу встала проблема...
Необходимо в горизонтальную линию выложить 4 элемента (превью видео) размеры каждого превью 281х162 (это для пк версии) для планшетов нужно в ряд выложить 3 элемента... А для телефонов по 2 либо по 1, желательно при всем при этом при каждом уменьшении размера окна браузера сделать адаптивными сами превью-картинки, т.е их размер так же прапорционально уменьшить вместе с кол-вом.. Думаю понятно изъяснил, кто может подсказать где есть пример такой верстки чтобы посмотреть вживую?! Или может кто то может помоч и написать код?:rolleyes: заранее спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 6.3.2016, 19:28; Ответить: Webmaster_hb
Сообщение #2


amstafff, думаю тут лучше самому разобраться с нуля, чем смотреть на пример
сделайте для начала верстку для минимального расширения экрана, п отом с помощью медиазапросов добавляйте стили для больших разрешений
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
amstafff
amstafff
Topic Starter сообщение 6.3.2016, 20:59; Ответить: amstafff
Сообщение #3


При верстке отзывчивого дизайна нужно начинать с малого экрана?) я просто как делаю.. Сам дизайн не сложный шапка-> поисковой элемент-> контент на часть-> ноги сайта
---
Саму шапку я сверстал.. Теперь решил сделать именно контентную часть, а уже после того как ее адаптивность будет готова, в том случае если мне не придется дорабатывать шапку, начну верстать все остальное..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
amstafff
amstafff
Topic Starter сообщение 6.3.2016, 21:00; Ответить: amstafff
Сообщение #4


Но я не понимаю самой технологии, поэтому с примером было бы легче((
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 8.3.2016, 2:30; Ответить: Webmaster_hb
Сообщение #5


можно начинать от большего к меньшему

вот вы сверстали под размер 1200px по ширине
выбираете какой следующий размер должен отличаться от этого, например 800px, и прописываете стили для экранос в шириной от 800px до 1200px
и так далее вниз
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
amstafff
amstafff
Topic Starter сообщение 8.3.2016, 14:18; Ответить: amstafff
Сообщение #6


Ага спасиб... И еще не подскажите правильно ли я делаю? Я задаю размеры так
@media (min-width:768px)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
amstafff
amstafff
Topic Starter сообщение 8.3.2016, 14:22; Ответить: amstafff
Сообщение #7


Подскажите еще с таким вопроом, в шаблонизаторе бутстрап, ссылки с веб версии для мобильной, прячут под выдвижное меню как мне сделать для себя такое же? Т.к. у меня в веб версии так же есть ссылки [IMG]http://rghost.ru/download/8nt8G8fzG/c30421f91ad671862ecbd38a230e8da507fd4d50/c30421f91ad671862ecbd38a230e8da507fd4d50/rgh.png[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jonuhe
jonuhe
сообщение 28.5.2016, 21:27; Ответить: jonuhe
Сообщение #8


лучше всего bootstrap выучи, самая стабильная "резина"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gateofgope
gateofgope
сообщение 29.5.2016, 17:47; Ответить: gateofgope
Сообщение #9


а есть какие то адаптивные движки для сайта?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jonuhe
jonuhe
сообщение 29.5.2016, 17:47; Ответить: jonuhe
Сообщение #10


посмотри вот тут http://www.umi-cms.ru/editions/shop/
очень стабильная CMS

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1538 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) требуется помощь с themasoftware (Темапостером)
0 Taylor 568 16.3.2024, 18:41
автор: Taylor
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
46 vitvirtual 5561 12.3.2024, 21:52
автор: Гиппопотам
Открытая тема (нет новых ответов) Нужна помощь
download traffic
7 Adblock_Affilate 1414 4.5.2023, 22:01
автор: kuprum
Открытая тема (нет новых ответов) Нужна помощь по обмену рублей ETXT внутри биржи на Приват
2к рублей
3 TalanArtem 1065 8.3.2023, 0:07
автор: анатасия228


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:22
Дизайн