@ArtJH

Как задать Css медиа запросы только для iphone?

Как задать Css медиа запросы только для iphone?
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
Kiriniy
@Kiriniy
Графический дизайнер / Веб-разработчик
Если прямо нету возможности сделать более универсальную вёрстку и всё вот так вот серьёзно, то я бы, пожалуй, подключал бы к странице отдельный css-файл по юзерагенту например. Что-то вроде этого:

Общий css-файл:

.class {height: 100vh;}

Файл стилей для iPhone:

.class {height: calc(100vh - 60px);}

jQuery скрипт на страницах:

var device = navigator.userAgent.toLowerCase();
var apple = device.match(/iphone|ipad|ipod/);

if (apple) {
    $( "head" ).append( '<link type="text/css" rel="stylesheet" href="apple.css">' );

    // Или если нужен только один класс без файла

    $( "head" ).append( '<style>.class {height: calc(100vh - 60px);}</style>' );
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы