@media-запросы для apple?

Question

[Василий Петров]

Как сделать media-запросы для устройств apple?

Comments

[Сергей delphinpro]

@media (device: 'iphone') {
  // for iPhone
}

[Леха Ярков]

Сергей:

@media (device 'no-nishebrod' and device: 'iphone') {
  // for iPhone
}

[Василий Петров]

Леха Ярков: -_-

[Василий Петров]

Уже гуглить хотел, что за no-nishebrod такой

[Леха Ярков]

Василий Петров: было бы забавно если бы нагуглил )))

[Василий Петров]

Леха Ярков: "Возможно, вы имели в виду: @ media no-нищеброд" :D

[Леха Ярков]

Василий Петров: гугл в теме ))

[Сергей delphinpro]

Леха Ярков: ну а чо, utf-8 уже во всю поддерживается везде

Answer 1

[Павел]

Не ясно о чем вы. Ширина вьпорта на яблоках ничем не отличается от других мониторов/планшетов/телефонов.
Если же вас интересуют медиа запросы для ретины на аймаках и макбуках , то используйте что-то вроде такого

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    /* CSS правила для retina */
}

https://css-tricks.com/snippets/css/retina-display...

Comments

[Василий Петров]

Я вообще об устройствах apple. Уже ответили, что нельзя цепляться к бренду