Задать вопрос
@amir73911
html

Как создать условие подключения viewport?

Как создать условие подключения viewport, а именно, чтобы 
<meta content="width=device-width, user-scalable=no, initial-scale=1" name="viewport">
срабатывал только при альбомной ориентации, а в портретной этого тега не было?

Желательно без использования JS, есть ли что-нибудь похожее на <!--[if IE]><![endif]--> ?
  • Вопрос задан
  • 3241 просмотр
Комментировать
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
@Mischuk
Вы делаете сайт для одного устройства?
Можете подключать файл стилей, отвечающий за адаптивность, в таком виде:
link rel="stylesheet" href="media-quries.css" media="only screen and (orientation : landscape)"
И на сколько я помню часть браузеров не понимает такого параметра, как ориентация в медиа-запросе.
Ну и для основного сайта достаточно задать:
meta name="viewport" content="width=device-width"
Задавать минимальный или максимальный масшатб ни к чему, а запрещать пользователю менять масштаб для обычныго сайта считается дурным тоном.
Ответ написан
1 комментарий
1 комментарий
ezhikov
@ezhikov
Никак. Вам точно нужен этот тег?
Ответ написан
6 комментариев
6 комментариев
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Ориентацию можно узнать в медиа-запросах. Сформулируйте задачу, зачем Вам так понадобилось сделать?
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Реализовать часть интерфейса для образовательных курсов на React
25 апр. 2024, в 13:13
5000 руб./за проект
Доработка плагина для outlook
25 апр. 2024, в 12:57
1000 руб./в час
Проверить сайт на уязвимости
25 апр. 2024, в 12:50
1000 руб./в час
Ещё заказы