add a meta tag to set viewport options for mobile devices (#626)

michaelficarra · web-flow · commit b2a07b99c1d8 · 2025-04-09T15:23:37.000-07:00
diff --git a/src/Spec.ts b/src/Spec.ts
@@ -588,7 +588,8 @@ export default class Spec {
     this.buildReferenceGraph();
 
     this.highlightCode();
-    this.setCharset();
+    this.setMetaCharset();
+    this.setMetaViewport();
     const wrapper = this.buildSpecWrapper();
 
     if (this.opts.printable) {
@@ -2038,7 +2039,7 @@ ${copyright}`;
   }
 
   /** @internal */
-  public setCharset() {
+  public setMetaCharset() {
     let current = this.spec.doc.querySelector('meta[charset]');
 
     if (!current) {
@@ -2049,6 +2050,16 @@ ${copyright}`;
     current.setAttribute('charset', 'utf-8');
   }
 
+  /** @internal */
+  public setMetaViewport() {
+    if (!this.spec.doc.querySelector('meta[name=viewport]')) {
+      const metaViewport = this.spec.doc.createElement('meta');
+      metaViewport.setAttribute('name', 'viewport');
+      metaViewport.setAttribute('content', 'width=device-width, initial-scale=1');
+      this.spec.doc.head.insertBefore(metaViewport, this.spec.doc.head.firstChild);
+    }
+  }
+
   private _updateBySelector(selector: string, contents: string) {
     const elem = this.doc.querySelector(selector);
     if (elem && elem.textContent!.trim().length > 0) {
diff --git a/test/baselines/generated-reference/algorithm-replacements.html b/test/baselines/generated-reference/algorithm-replacements.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/algorithms.html b/test/baselines/generated-reference/algorithms.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/assets-inline.html b/test/baselines/generated-reference/assets-inline.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><script>'use strict';
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><script>'use strict';
 let sdoBox = {
   init() {
     this.$alternativeId = null;
diff --git a/test/baselines/generated-reference/autolinking.html b/test/baselines/generated-reference/autolinking.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/boilerplate-address.html b/test/baselines/generated-reference/boilerplate-address.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/boilerplate-all.html b/test/baselines/generated-reference/boilerplate-all.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/boilerplate-copyright.html b/test/baselines/generated-reference/boilerplate-copyright.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/boilerplate-license.html b/test/baselines/generated-reference/boilerplate-license.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/charset-absent.html b/test/baselines/generated-reference/charset-absent.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/charset-present.html b/test/baselines/generated-reference/charset-present.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 </head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
diff --git a/test/baselines/generated-reference/clauses.html b/test/baselines/generated-reference/clauses.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>Test Doc</title></head><body class=" oldtoc"><div class="full-page-svg" id="front-cover"><h1 class="title">Test Doc</h1></div><div class="full-page-svg" id="inside-cover"></div><div id="spec-container">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>Test Doc</title></head><body class=" oldtoc"><div class="full-page-svg" id="front-cover"><h1 class="title">Test Doc</h1></div><div class="full-page-svg" id="inside-cover"></div><div id="spec-container">
 <div id="toc"><h2>Contents</h2><ol class="toc"><li><a href="#sec-intro" title="Intro">Intro</a><ol class="toc"><li><a href="#sec-intro2" title="Sub Intro">Sub Intro</a></li></ol></li><li><a href="#sec-clause" title="Clause Foo(a, b)"><span class="secnum">1</span> Clause Foo(<var>a</var>, <var>b</var>)</a><ol class="toc"><li><a href="#Foo" title="Sub Clause"><span class="secnum">1.1</span> Sub Clause</a></li></ol></li><li><a href="#sec-number" title="Explicit number"><span class="secnum">7</span> Explicit number</a><ol class="toc"><li><a href="#sec-number1" title="Automatic number inside explicit number"><span class="secnum">7.1</span> Automatic number inside explicit number</a></li><li><a href="#sec-number2" title="Nested explicit number"><span class="secnum">7.4</span> Nested explicit number</a></li><li><a href="#sec-number3" title="Automatic number after explicit number"><span class="secnum">7.5</span> Automatic number after explicit number</a></li><li><a href="#sec-number-nested" title="Multi-step explicit numbers"><span class="secnum">7.6</span> Multi-step explicit numbers</a></li></ol></li><li><a href="#sec-annex" title="Annex"><span class="secnum">Annex A <span class="annex-kind">(informative)</span></span> Annex</a><ol class="toc"><li><a href="#sec-annex2" title="Sub-annex"><span class="secnum">A.1</span> Sub-annex</a></li></ol></li></ol></div><emu-intro id="sec-intro">
   <h1>Intro</h1>
   <emu-intro id="sec-intro2">
diff --git a/test/baselines/generated-reference/code.html b/test/baselines/generated-reference/code.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/copyright.html b/test/baselines/generated-reference/copyright.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><meta property="og:description" content="Test Clause"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><meta property="og:image" content="https://tc39.es/ecmarkup/ecma-logo.png"><meta property="og:title" content="test title!"><meta property="og:description" content="Test Clause"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/date.html b/test/baselines/generated-reference/date.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><title>test title!</title></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/dfn.html b/test/baselines/generated-reference/dfn.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/duplicate-ids.html b/test/baselines/generated-reference/duplicate-ids.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/duplicate-productions.html b/test/baselines/generated-reference/duplicate-productions.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/ecmarkdown.html b/test/baselines/generated-reference/ecmarkdown.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/effect-user-code.html b/test/baselines/generated-reference/effect-user-code.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/emd-in-grammar.html b/test/baselines/generated-reference/emd-in-grammar.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/eqn.html b/test/baselines/generated-reference/eqn.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><link rel="stylesheet" href="./css/elements.css">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><link rel="stylesheet" href="./css/elements.css">
 </head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
diff --git a/test/baselines/generated-reference/escaping.html b/test/baselines/generated-reference/escaping.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/example.html b/test/baselines/generated-reference/example.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/figure.html b/test/baselines/generated-reference/figure.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/grammar.html b/test/baselines/generated-reference/grammar.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"><link rel="stylesheet" href="../css/elements.css">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"><link rel="stylesheet" href="../css/elements.css">
 </head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
diff --git a/test/baselines/generated-reference/html-element-attributes.html b/test/baselines/generated-reference/html-element-attributes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en-GB-oxendict"><head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<html lang="en-GB-oxendict"><head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/imports.html b/test/baselines/generated-reference/imports.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/ins-nonterminal.html b/test/baselines/generated-reference/ins-nonterminal.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/multipage.html/index.html b/test/baselines/generated-reference/multipage.html/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="img/favicon.ico">
 </head>
 
diff --git a/test/baselines/generated-reference/multipage.html/multipage/index.html b/test/baselines/generated-reference/multipage.html/multipage/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="../img/favicon.ico">
 <link rel="canonical" href="../#sec-intro"></head>
 <body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins<button class="unpin-all">clear</button></div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">+</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>
diff --git a/test/baselines/generated-reference/multipage.html/multipage/second.html b/test/baselines/generated-reference/multipage.html/multipage/second.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="../img/favicon.ico">
 <link rel="canonical" href="../#sec-second"></head>
 <body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins<button class="unpin-all">clear</button></div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">+</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>
diff --git a/test/baselines/generated-reference/multipage.html/multipage/third.html b/test/baselines/generated-reference/multipage.html/multipage/third.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8">
 <link rel="icon" href="../img/favicon.ico">
 <link rel="canonical" href="../#sec-third"></head>
 <body><div id="menu"><div id="menu-search"><input type="text" id="menu-search-box" placeholder="Search..."><div id="menu-search-results" class="inactive"></div></div><div id="menu-pins"><div class="menu-pane-header">Pins<button class="unpin-all">clear</button></div><ul id="menu-pins-list"></ul></div><div class="menu-pane-header">Table of Contents</div><div id="menu-toc"><ol class="toc"><li><span class="item-toggle-none"></span><a href="./#sec-intro" title="Intro">Intro</a></li><li><span class="item-toggle-none"></span><a href="second.html#sec-second" title="Second Clause"><span class="secnum">1</span> Second Clause</a></li><li><span class="item-toggle">+</span><a href="third.html#sec-third" title="Third Clause"><span class="secnum">2</span> Third Clause</a><ol class="toc"><li><span class="item-toggle-none"></span><a href="third.html#sec-alg" title="Algorithm"><span class="secnum">2.1</span> Algorithm</a></li></ol></li></ol></div></div>
diff --git a/test/baselines/generated-reference/namespaces-productions.html b/test/baselines/generated-reference/namespaces-productions.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/namespaces.html b/test/baselines/generated-reference/namespaces.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/nonterminal-used-before-definition.html b/test/baselines/generated-reference/nonterminal-used-before-definition.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/notes.html b/test/baselines/generated-reference/notes.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/oldids.html b/test/baselines/generated-reference/oldids.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/optional-parts.html b/test/baselines/generated-reference/optional-parts.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<head><meta charset="utf-8"></head><body><div id="shortcuts-help">
+<head><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="utf-8"></head><body><div id="shortcuts-help">
 <ul>
   <li><span>Toggle shortcuts help</span><code>?</code></li>
   <li><span>Toggle "can call user code" annotations</span><code>u</code></li>
diff --git a/test/baselines/generated-reference/proposal-copyright.html b/test/baselines/generated-reference/proposal-copyright.html
diff --git a/test/baselines/generated-reference/shortname.html b/test/baselines/generated-reference/shortname.html
diff --git a/test/baselines/generated-reference/step-xrefs.html b/test/baselines/generated-reference/step-xrefs.html
diff --git a/test/baselines/generated-reference/structured-headers.html b/test/baselines/generated-reference/structured-headers.html
diff --git a/test/baselines/generated-reference/test.html b/test/baselines/generated-reference/test.html
diff --git a/test/baselines/generated-reference/title.html b/test/baselines/generated-reference/title.html
diff --git a/test/baselines/generated-reference/toc.html b/test/baselines/generated-reference/toc.html
diff --git a/test/baselines/generated-reference/xref.html b/test/baselines/generated-reference/xref.html
