Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Самая примитивная адаптивная верстка
Владимир55  
 ۩  [x] Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Любопытный
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 916
Пользователь №: 27293
На форуме: 5 лет, 7 месяцев, 26 дней
Карма: -1




В сети есть различные варианты адаптивных страниц, когда три колонки на узком экране выводятся одна под другой, с различным уровнем сложности кода.

А почему не сделать вот так примитивно, как в приведенном ниже коде? Есть тут какие-то дефекты, подводные камни?

<div id="lev"> 
<p>
Левый</p>
</div>

<div
id="center">
<p>
Центральный</p>
</div>

<div
id="prav">
<p>
Правый</p>
</div>



#lev {
width:10%;
background-color: green;
color:#933;
float:left;
}

#center {
width:20%;
color:#3F3;
background-color: #339;
float:left;
}

#prav {
color:#3F3;
background-color: #F93;
}

@media (max-width: 480px) { /*breakpoint*/

<span class="Array">#lev {</span>
background-color: green;
float: none;
width:100%;
}

#center {
background-color: #339;
float: none;
width:100%;
}

#prav {
color:#3F3;
background-color: #F93;
width:100%;
display:none;
}
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Stave  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Старик
***

Профиль
Группа: Пользователь
Сообщений: 138
Пользователь №: 40254
На форуме: 2 года, 2 месяца, 29 дней
Карма: 4




<span class="Array">#lev {</span>


Что это?

вот полезное значение

Я не понял вопроса, как и все в принципе


--------------------
Если долго в одних стенах живешь, ты с ними сростаешься
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Astin  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 592
Пользователь №: 42519
На форуме: 9 месяцев, 21 день
Карма: 7




Если не умеешь делать сам грамотные адаптивные стили, то не проще ли использовать для этого библиотеку ботстрап, там и документация нормальная
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса