Как разделить стили для iPad.pro и нетбука с одинаковым разрешением экрана?

Question

[ligisayan]

Всем привет! У меня есть задача разделить css стили для мобильных устройств включая айпады про с разрешением 1024 и нетбуки, начиная с 10ки, у которых тоже разрешение 1024. Как это правильно сделать? Вот такая запись обращается только к мобильным устройствам или нетбуки тоже затронет?

@media only screen and (max-device-width : 1024px) {
/* Styles */
}

Answer 1

[Site Developer]

Как разделить стили для iPad.pro и нетбука с одинаковым разрешением экрана?

Только через определение user agent и отдельных css-файлов.
@media не может определять девайсы по названию. Только по назначению - принтер, телевизор, голосовой синтезатор и тд.

Answer 2

[devstudent]

а использовать в запросах ориентацию экрана?у нетбуков она всегда landscape ...

Comments

[ligisayan]

devstudent да, но что будет при развороте экрана - это лишь частично решит проблему

[ligisayan]

devstudent: мне помогла вот эта статья - https://htmlweb.ru/css/media_screen.php

Answer 3

[Иван]

Может я что-то не понял,может я тупой.

@media(max-width : 1025px){
//планшеты
}

@media(min-width: 1024px){
//нетбуки

Comments

[ligisayan]

Za0r в таком случае, что вас будет происходить как раз в точке стыка 1024px для планшетов и ноутбуков? какой стиль применится?

[devstudent]

а использовать в запросах ориентацию экрана? или этого недостаточно

[Froggyweb]

Device-pixel-ratio если что-то очень специфическое то определение юзер агента сафари