Vuepress: Ability to alter meta viewport

Created on 16 Sep 2018  路  4Comments  路  Source: vuejs/vuepress


Feature request

Halo, I am working in amp, found <meta name="viewport" content="width=device-width,initial-scale=1"> can not be overwritten, I hope this can be done in next version,
thanks


What problem does this feature solve?

What does the proposed API look like?

How should this be implemented in your opinion?

Are you willing to work on this yourself?**

picture ekoeryanto

Most helpful comment

For any strangers, who try to set viewport: just add it to config.js -> head, e.g.

module.exports = (ctx) => ({
  head: [
    ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
  ],
...
picture b0g3r on 11 May 2020
🎉4

All 4 comments

It can be overwritten by adding a new meta array in config.js. Then it will appear two <viewport> tag in your html <head> tag, the latter one will overwrite the previous one.

ItsRyanWu picture ItsRyanWu on 17 Sep 2018

wait, maybe I miss something in the docs about meta inside config.js
if you meant head options in config.js, yes it produce duplicate meta viewport that invalid in amp

ekoeryanto picture ekoeryanto on 17 Sep 2018

can be resolved with #733

ekoeryanto picture ekoeryanto on 17 Sep 2018

For any strangers, who try to set viewport: just add it to config.js -> head, e.g.

module.exports = (ctx) => ({
  head: [
    ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
  ],
...
b0g3r picture b0g3r on 11 May 2020
🎉4
Was this page helpful?
0 / 5 - 0 ratings

Related issues

ynnelson picture ynnelson  路  3Comments
genedronek picture genedronek  路  3Comments
harryhorton picture harryhorton  路  3Comments
gaomd picture gaomd  路  3Comments
ederchrono picture ederchrono  路  3Comments