Перейти к содержанию

Рекомендуемые сообщения

скажите, пожалуйста, возможно ли сделать страницу так, чтобы с айфона она выглядела одним способом, с компьютера - другим. У меня есть страница: http://house-tex.com/contacts
там 2 способа отображения контента - вертикальный стиль и горизонтальный. На сайте мне нужен горизонтальный, на телефоне - вертикальный (так как горизонтальный на айфоне выглядит отвратительно). такое возможно реализовать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Используйте бут.

Читайте про col-sm-

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Возможно. С помощью css.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

mazein, а можете дать какие-то статьи по реализации? бы я бум бум

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да, используйте bootstrap (дока на русском). А также при полете верстки медиа запросы... Как пример ниже :)


respond-stacking.png

<div class="container">
	<div class="row">
		<div class="col-md-4 col-sm-6 col-xs-12">Первая колонка</div>
		<div class="col-md-4 col-sm-6 col-xs-12">Вторая колонка</div>
		<div class="col-md-4 col-sm-6 col-xs-12">Третья колонка</div>
  	</div>
</div>
@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
Изменено пользователем Eldaeron
быстрый пример верстки
  • +1 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Eldaeron, Спасибо огромное, помогло!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.