Реагировать - область просмотра игнорируется

Question

В моем индексном файле у меня есть следующее:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Я использую React для загрузки страницы, но основным индексным файлом является файл HTML.(.pug)

Это правильно вставлено в DOM.Однако область просмотра игнорируется - на моей странице отображается версия для настольного компьютера.

Если я редактирую DOM в инструментах разработчика Chrome, например.измените 1 на 1.0 или любую другую часть метатега, это заставит страницу правильно рассчитать область просмотра, а затем сразу же будет отображаться правильно.Любые идеи?

Возможно, вам придется нажать на изображение, чтобы увидеть анимацию GIF.

Answer 1

Что ж, вы можете попробовать вызвать пересчет области просмотра вручную при загрузке страницы, например:

window.getComputedStyle(document.body)

_{Обратите внимание, что это нелучшее решение.Его следует использовать только в том случае, если (или только если) не найдена основная причина проблемы.}

Answer 2

Попробуйте использовать meta(name='viewport', content='width=device-width, initial-scale=1.0') в вашем файле index.pug.

---

Исходя из вашего кода, попробуйте использовать meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')