Fluid Design на мобильном устройстве

Question

Я пытаюсь закодировать «полужидкий» элемент для мобильного сайта и нуждаюсь в некоторой помощи.

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

При осмотре по вертикали должно быть ...

Горизонтальные должны быть ...

Answer 1

Хотя это довольно зачаточном пример, Вы можете просто плавать элементы остаются, когда экран превышает определенный размер. Это выполняется с использованием медиа-запроса. Вы можете назначать медиа-запросы в CSS3 и можете найти документацию here.

@media (max-width: 600px) { 
    #green, #red { 
     float: none;  
    } 
} 

Адрес jsFiddle для удобства использования.