VuePress website doesn't seem to resize to mobile view on Mobile Firefox

[pbek]

• I confirm that this is an issue rather than a question.

Bug report

The VuePress website (and https://www.qownnotes.org/changelog.html, which was also built with the awesome VuePress) doesn't seem to resize to "mobile view" on Mobile Firefox.

Steps to reproduce

• open https://vuepress.vuejs.org/config/ on Mobile Firefox (Android) or on the Desktop in the dev tools with "responsive device mode" switched to a Galaxy S9
• see that the website doesn't use the website's responsiveness

What is expected?

• rendered webpage uses responsiveness like in Mobile Chrome

What is actually happening?

• webpage looks like on a desktop screen

Other relevant information

• if you resize the virtual screen in Desktop Firefox in the dev tools the page switches to "mobile view", like expected

Reference:

• QOwnNotes Webpage issue: Website doesn't resize to mobile view on Mobile Firefox pbek/QOwnNotes#1970

[myuki]

Add viewport manually can workaround it

module.exports = {
  head: [
    ["meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }]
  ]
}

See Also: #2369 #2607

[pbek]

Thank you for the hint, @myuki. The viewport was the first thing I thought of too, but a quick curl https://vuepress.vuejs.org/config/ | grep "viewport" showed me <meta name="viewport" content="width=device-width,initial-scale=1"> and the issue still persisted. 😅

[pbek]

[pbek]

Or are we talking about the 1.0 instead of 1?

[pbek]

Now I see, the view-port is removed by javascript, now that's tricky! 😆 I'll test the setting, thank you very much!

[pbek]

That did it! Thanks a lot for the workaround!