CSS проблема: горизонтальное переполнение существует только на iPhone Safari - PullRequest
0 голосов
/ 04 мая 2020

У меня есть веб-страница, стилизованная с использованием bootstrap 3, и у меня есть этот код в голове

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,viewport-fit=cover, user-scalable=no, shrink-to-fit=no">

, и это CSS

@media (max-width: 480px) {
  body{
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
    overflow-x: hidden !important;
}

Я сделал то же самое, чтобы увеличить размеры. Страница отображается правильно, но как только вы щелкаете и перетаскиваете, например, верхний колонтитул, страница перемещается вправо и влево немного, в то время как эта проблема не на Chrome или Firefox, вы не можете перетащить страницу вправо или влево. Любые идеи для тестирования?

Вот предварительный просмотр с использованием https://appetize.io/

enter image description here

Заранее спасибо.

...