Ширина iFrame не реагирует на iPhone X - PullRequest
Новая
       11

Ширина iFrame не реагирует на iPhone X

0 голосов
/ 26 сентября 2018

Когда я нажимаю на ссылку портфолио, он создает содержимое лайфбокса iframe.Я заметил и осмотрел элемент, и, очевидно, ширина iframe не соответствует стилям CSS, ширина iframe была переполнена из div.Ниже моя тестовая ссылка.

https://wind -dance.com / геопанкар / портфолио /

Я серьезно не знаю, почему iphone так отличается от других устройств, какони работают нормально.

Здесь ценят все, кто помогает.

[РЕДАКТИРОВАТЬ 1] Я пытался использовать симулятор для проверки проблем с iPhone.Вот скриншот .Обратите внимание, что ширина и высота больше ширины устройства.Я использую телефон Android, и все выглядит хорошо.

[РЕШЕНИЕ]

Я нашел решение здесь .Очевидно, это проблема CSS при рендеринге iframe.

Ответы [ 2 ]

0 голосов
/ 26 сентября 2018

Вы можете использовать это .. 

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { }
0 голосов
/ 26 сентября 2018

Я проверил ссылку, и мне кажется, это нормально.Можете ли вы указать, где именно вы столкнулись с проблемой?На какой странице?А также поделитесь кодом для него, чтобы мы могли видеть, в чем проблема.

РЕДАКТИРОВАТЬ 1: Попробуйте добавить медиа-запрос для iPhone X следующим образом: 

@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {

  }

Вы можете установить высоту иширина тега деления и iframe здесь.Я не пробовал это, дайте мне знать, если это работает.

...