diff options
| author | Patrick H. Lauke <[email protected]> | 2018-12-15 01:05:49 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2018-12-15 01:05:49 +0000 |
| commit | af484dc12c2302c0e594a0e73a2ba06738a84410 (patch) | |
| tree | 861c0a6b699bf4b92a6cacb84a5519a06717e4ce | |
| parent | b5b4f83cdb0b3e4a18e141fae4a153ed1078e5d8 (diff) | |
| download | bootstrap-af484dc12c2302c0e594a0e73a2ba06738a84410.tar.xz bootstrap-af484dc12c2302c0e594a0e73a2ba06738a84410.zip | |
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
| -rw-r--r-- | js/tests/index.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/alert.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/button.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/carousel.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/collapse.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/dropdown.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/modal.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/popover.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/scrollspy.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/tab.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/toast.html | 2 | ||||
| -rw-r--r-- | js/tests/visual/tooltip.html | 2 | ||||
| -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 |
15 files changed, 16 insertions, 16 deletions
diff --git a/js/tests/index.html b/js/tests/index.html index 06bfa2c43..a270392f4 100644 --- a/js/tests/index.html +++ b/js/tests/index.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <title>Bootstrap Plugin Test Suite</title> <!-- jQuery --> diff --git a/js/tests/visual/alert.html b/js/tests/visual/alert.html index 67cafa900..7194265e4 100644 --- a/js/tests/visual/alert.html +++ b/js/tests/visual/alert.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Alert</title> </head> diff --git a/js/tests/visual/button.html b/js/tests/visual/button.html index b82a10d0d..74c0a9a0d 100644 --- a/js/tests/visual/button.html +++ b/js/tests/visual/button.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Button</title> </head> diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html index 630f870cf..b65aae4ef 100644 --- a/js/tests/visual/carousel.html +++ b/js/tests/visual/carousel.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Carousel</title> <style> diff --git a/js/tests/visual/collapse.html b/js/tests/visual/collapse.html index 07cb98f8f..d6c23477c 100644 --- a/js/tests/visual/collapse.html +++ b/js/tests/visual/collapse.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Collapse</title> </head> diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html index 43d81b0a5..cf78fbfb4 100644 --- a/js/tests/visual/dropdown.html +++ b/js/tests/visual/dropdown.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Dropdown</title> </head> diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html index dcc1360b0..6a2aea7f5 100644 --- a/js/tests/visual/modal.html +++ b/js/tests/visual/modal.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Modal</title> <style> diff --git a/js/tests/visual/popover.html b/js/tests/visual/popover.html index b7b3227fc..4b67a99bc 100644 --- a/js/tests/visual/popover.html +++ b/js/tests/visual/popover.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Popover</title> </head> diff --git a/js/tests/visual/scrollspy.html b/js/tests/visual/scrollspy.html index 1d08585cb..bb27dd260 100644 --- a/js/tests/visual/scrollspy.html +++ b/js/tests/visual/scrollspy.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Scrollspy</title> <style> diff --git a/js/tests/visual/tab.html b/js/tests/visual/tab.html index 97ce7a181..86cf75ded 100644 --- a/js/tests/visual/tab.html +++ b/js/tests/visual/tab.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Tab</title> <style> diff --git a/js/tests/visual/toast.html b/js/tests/visual/toast.html index 22a85447c..0954a7661 100644 --- a/js/tests/visual/toast.html +++ b/js/tests/visual/toast.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Toast</title> <style> diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html index 831f26d0a..d9cc00f64 100644 --- a/js/tests/visual/tooltip.html +++ b/js/tests/visual/tooltip.html @@ -2,7 +2,7 @@ <html lang="en"> <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"> <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <title>Tooltip</title> <style> diff --git a/site/_includes/header.html b/site/_includes/header.html index 83d051fa8..d7393d60a 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 28aa0736c..de3aecbeb 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 55ced2f9c..5d84ba66a 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). |
