HTML: JS: meta-viewport

[xvno]

Refs

• https://stackoverflow.com/questions/18982228/how-to-add-meta-tag-in-javascript

[xvno]

Sample

解决小屏设备显示不全, 当宽度小于某个阈值650时, 使用默认最大宽度1200

      // 解决小屏设备显示不全, 当宽度小于某个阈值650时, 使用默认最大宽度1200
      const contents = [ 'initial-scale=1.0', 'maximum-scale=3', 'minimum-scale=0.5' ]
      const meta = document.createElement('meta');
      meta.name = 'viewport';
      if (window.outerWidth < 650) {
        console.log('narrow: ', window.innerWidth);
        contents.unshift('width=1200');
      } else {
        contents.unshift('width=device-width');
      }
      meta.content = contents.join(',');
      document.getElementsByTagName('head')[ 0 ].appendChild(meta);