2013-11-24 4 views
0

На моей целевой странице: http://bit.ly/Z7GPai (пароль: добро пожаловать) У меня есть две текстовые колонки: «одна половина первой» и одна половина.Как сделать этот CSS отзывчивым?

Как я могу реализовать clear: both; правильно, так что на мобильных экранах размером менее 750 пикселей столбец «первая половина» фактически отображает НИЖЕ столбца «половина»?

Другими словами, на мобильных дисплеях я хочу, чтобы столбец «одна половина» отображался, ну, во-первых, прямо под видео, а затем «первая половина» (то есть столбец с красным заголовок).

Большое спасибо.

ответ

0

Вы хотите использовать медиа-запрос.

Более подробная информация о MDN: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

+0

спасибо. Я проверю это. Не могли бы вы предложить аргументы css, которые будут складывать столбец «первая половина» ниже столбца «половина» при использовании запроса meida? Это не моя сила ... спасибо. – user2541522

+0

Если порядок div в источнике не имеет значения, вы можете поместить div .one-half.first после div '.one-half' и использовать' .one-half {float: right} 'вместо' float: left; ' –

+0

спасибо Эрик, но нет. порядок важен, но в основном, если смотреть на мобильном телефоне, значение меняется, и я хочу, чтобы отображалась одна половина. До этого. поверх первой половины. Является ли это возможным? Еще раз спасибо за ваши комментарии. – user2541522

Смежные вопросы