aboutsummaryrefslogtreecommitdiff
path: root/docs/getting-started
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2016-01-20 18:25:57 -0800
committerChris Rebert <[email protected]>2016-01-20 18:25:57 -0800
commit69523b1e041f98986d1868e57040bff9dc43c8f9 (patch)
treee6f8c80c6f5cd018e3775fc960d792549ed054cc /docs/getting-started
parentfc7ee66630e050c73701706291520c7db8034c70 (diff)
downloadbootstrap-69523b1e041f98986d1868e57040bff9dc43c8f9.tar.xz
bootstrap-69523b1e041f98986d1868e57040bff9dc43c8f9.zip
Restore workarounds for #12078 printing bug that were lost in 86af1f3
Refs #18984 [skip sauce]
Diffstat (limited to 'docs/getting-started')
-rw-r--r--docs/getting-started/browsers-devices.md4
1 files changed, 4 insertions, 0 deletions
diff --git a/docs/getting-started/browsers-devices.md b/docs/getting-started/browsers-devices.md
index edb0a738f..ca38658dd 100644
--- a/docs/getting-started/browsers-devices.md
+++ b/docs/getting-started/browsers-devices.md
@@ -220,6 +220,10 @@ Even in some modern browsers, printing can be quirky.
In particular, as of Chrome v32 and regardless of margin settings, Chrome uses a viewport width significantly narrower than the physical paper size when resolving media queries while printing a webpage. This can result in Bootstrap's extra-small grid being unexpectedly activated when printing. [See #12078 for some details.](https://github.com/twbs/bootstrap/issues/12078) Suggested workarounds:
+* Embrace the extra-small grid and make sure your page looks acceptable under it.
+* Customize the value of the `$grid-breakpoints` Sass variable so that your printer paper is considered larger than extra-small.
+* Add custom media queries to change the grid size breakpoints for print media only.
+
Also, as of Safari v8.0, fixed-width <code>.container</code>s can cause Safari to use an unusually small font size when printing. See <a href="https://github.com/twbs/bootstrap/issues/14868">#14868</a> for more details. One potential workaround for this is adding the following CSS:
{% highlight css %}