diff options
| author | Patrick H. Lauke <redux@splintered.co.uk> | 2018-12-15 04:05:49 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-12-15 04:05:49 +0300 |
| commit | af484dc12c2302c0e594a0e73a2ba06738a84410 (patch) | |
| tree | 861c0a6b699bf4b92a6cacb84a5519a06717e4ce /site | |
| parent | b5b4f83cdb0b3e4a18e141fae4a153ed1078e5d8 (diff) | |
Remove now unnecessary shrink-to-fit viewport directive (#27818)
`shrink-to-fit=no` is not needed anymore - Apple removed the need for it from iOS9.3 onwards
See https://www.scottohara.me/blog/2018/12/11/shrink-to-fit.html and https://github.com/h5bp/html5-boilerplate/issues/2102
Diffstat (limited to 'site')
| -rw-r--r-- | site/_includes/header.html | 2 | ||||
| -rw-r--r-- | site/_layouts/examples.html | 2 | ||||
| -rw-r--r-- | site/docs/4.1/getting-started/introduction.md | 4 |
3 files changed, 4 insertions, 4 deletions
diff --git a/site/_includes/header.html b/site/_includes/header.html index 83d051fa80..d7393d60a8 100644 --- a/site/_includes/header.html +++ b/site/_includes/header.html @@ -1,5 +1,5 @@ <meta charset="utf-8"> -<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="{{ page.description | default: site.description | smartify }}"> <meta name="author" content="{{ site.authors }}"> <meta name="generator" content="Jekyll v{{ jekyll.version }}"> diff --git a/site/_layouts/examples.html b/site/_layouts/examples.html index 28aa0736c5..de3aecbebb 100644 --- a/site/_layouts/examples.html +++ b/site/_layouts/examples.html @@ -2,7 +2,7 @@ <html lang="en"{% if page.html_class %} class="{{ page.html_class }}"{% endif %}> <head> <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content="{{ site.authors }}"> <meta name="generator" content="Jekyll v{{ jekyll.version }}"> diff --git a/site/docs/4.1/getting-started/introduction.md b/site/docs/4.1/getting-started/introduction.md index 55ced2f9c3..5d84ba66a8 100644 --- a/site/docs/4.1/getting-started/introduction.md +++ b/site/docs/4.1/getting-started/introduction.md @@ -65,7 +65,7 @@ Be sure to have your pages set up with the latest design and development standar <head> <!-- Required meta tags --> <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous"> @@ -106,7 +106,7 @@ Bootstrap requires the use of the HTML5 doctype. Without it, you'll see some fun Bootstrap is developed *mobile first*, a strategy in which we optimize code for mobile devices first and then scale up components as necessary using CSS media queries. To ensure proper rendering and touch zooming for all devices, **add the responsive viewport meta tag** to your `<head>`. {% highlight html %} -<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<meta name="viewport" content="width=device-width, initial-scale=1"> {% endhighlight %} You can see an example of this in action in the [starter template](#starter-template). |