React - Viewport игнорируется
В моем индексном файле есть следующее:
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
Я использую React для загрузки страницы, но основным файлом индекса является файл HTML. (. мопс)
Это правильно вставлено в DOM. Однако область просмотра игнорируется - моя страница показывает версию для ПК.
Если я редактирую DOM в инструментах разработчика Chrome, например. измените 1 на 1.0 или любую другую часть метатега, это заставит страницу правильно пересчитать область просмотра и сразу же будет правильно отображаться. Любые идеи?
Возможно, вам потребуется щелкнуть изображение, чтобы увидеть GIF-анимацию.
Ответы 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')
@ fl0shizzle Вы неправильно используете двойные / одинарные кавычки. Вставьте то, что у меня есть, и попробуйте еще раз.
DOH! Глупые цитаты. Было очень легко пропустить с моей подсветкой синтаксиса IDE. Спасибо!
Что ж, вы можете попробовать запуск пересчета области просмотра вручную при загрузке страницы, например:
window.getComputedStyle(document.body)
Please, note that this is not the best solution. It should just be used while (or only if) the root cause issue is not found.
Это у меня уже есть: puu.sh/ArsUv/7fbd5d58b9.png. Вы можете видеть, что окно просмотра загружается - оно находится в DOM <head>