есть ли какой-либо медиа-запрос для рабочего стола, который может работать только для ландшафтного устройства 1366 * 768?

у меня есть смысл, и это работает только для ipad-pro (1366 * 1024) в альбомной ориентации. Это не мешает моему устройству просмотра 1366 * 768. позвольте мне показать код ниже:

@media only screen 
  and (min-device-width: 1025px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){selector{

    background-size: 100% 75% !important;
    background-position: center top  188px!important;
    background-repeat:no-repeat;background-attachment: fixed;
    }  
}

теперь мне нужен другой медиа-запрос, который может работать только для 1366 * 768. Я редактирую верхний для 1366 * 768, но он не работает. Думаю, я помогу вам понять, чего я на самом деле хочу: пожалуйста, помогите кому-нибудь!


html css bootstrap-4 media-queries mpmediaquery
person Pradeep Kumar    schedule 05.12.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward 

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

Попробуйте это и проверьте. У меня нет iPad Pro, но это работает для меня в симуляторе Chrome.

person user6250770    schedule 05.12.2019