Как настроить таргетинг Chrome на iPad - PullRequest
Новая
       16

Как настроить таргетинг Chrome на iPad

0 голосов
/ 09 апреля 2019

Я работаю над веб-сайтом, но для iPad требуется особый стиль для Chrome.Содержание на сайте слишком длинное для высоты браузера Chrome на iPad.Он отлично работает в Safari на iPad, но поскольку браузер Chrome занимает больше места для верхней панели, мне нужно использовать медиазапрос специально для Chrome, но я не могу заставить его работать.

Я пробовал вложение обоих типов, используя запятую и делая один длинный медиазапрос, но ни один из них не предназначался для Chrome только на iPad (см. Примеры моего кода). 


@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio:0) 
and (min-resolution:.001dpcm)  {
   .column.layout-column {
      max-height:85vh;
   }
}


@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait),
screen and (-webkit-min-device-pixel-ratio:0) 
and (min-resolution:.001dpcm)  {
   .column.layout-column {
      max-height:85vh;
   }
}



@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
   @media screen
   and (-webkit-min-device-pixel-ratio:0)
   and (min-resolution:.001dpcm) {
      .column.layout-column {
         max-height:85vh;
      }
   }

}

Я просто хочу изменить высоту этого div конкретно на Chrome на iPad, а не на рабочем столе.Я также попытался поменять местами последний пример (чтобы запрос на размер был внутри запроса Chrome)

...