Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

PC/iPhone


Recommended Posts

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

Надіслати
Поділитися на інших сайтах


Да, используйте 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
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.