PC/iPhone

[HeLL0]

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

[n3bo]

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

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

[mazein]

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

[HeLL0]

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

 

[Eldaeron]

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

<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 */ }

Змінено 20 квітня 2017 користувачем Eldaeron
быстрый пример верстки

[HeLL0]

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