diff options
| author | Chris Rebert <[email protected]> | 2016-01-20 18:25:57 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2016-01-20 18:25:57 -0800 |
| commit | 69523b1e041f98986d1868e57040bff9dc43c8f9 (patch) | |
| tree | e6f8c80c6f5cd018e3775fc960d792549ed054cc /docs/getting-started | |
| parent | fc7ee66630e050c73701706291520c7db8034c70 (diff) | |
| download | bootstrap-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.md | 4 |
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 %} |
