Как на iphone не применять стили?

Question

[pegas]

Есть стиль в теге который нужно чтобы не работал на на IOS. Как это сделать?

Answer 1

[Boris Köln]

В общем случае - нельзя.

Но если очень хочется, то можно использовать костыль https://developer.mozilla.org/en-US/docs/Web/CSS/-... (или любое другое свойство, поддерживаемое только на iOS).

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}

P.S. Если возникает такая потребность - значит, что-то не то с вашей бизнес-логикой...

Comments

[pegas]

Ну вот в слайдере, который в самом внизу перед футером, если проскролить на айфонах то бордер-радиус пропадает. as-praktika.dev-parus.ru

[Boris Köln]

Тогда надо фиксить ваш баг, а не костылить

[pegas]

Boris Korobkov, Так нету бага, там просто картинка с filter: grayscale(1);
и у её родителя border-radius: 50%;
Баг только на айфонах...

[Boris Köln]

Если вы не можете найти и исправить баг - это не значит, что его там нет.

[pegas]

Boris Korobkov, Просто какая может быть ошибка в примитивном коде из 2-х тегов и 2-х стилей? https://jsfiddle.net/r08m9axx/1/

Answer 2

[mletov]

Вынесите стили для IOS в отдельный файл.
И проверяйте на сервере (что там у вас, PHP?), подключать этот файл или нет.