Skip to content

Commit 0a6f80a

Browse files
committed
Port twbs#19424 to v3
Docs: Link directly to printing-related browser bugs * https://bugs.chromium.org/p/chromium/issues/detail?id=273306 * https://bugs.webkit.org/show_bug.cgi?id=138192 [skip sauce]
1 parent 164b89f commit 0a6f80a

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

docs/_includes/getting-started/browser-device-support.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -198,13 +198,13 @@ <h2 id="support-sticky-hover-mobile">Sticky <code>:hover</code>/<code>:focus</co
198198

199199
<h2 id="support-printing">Printing</h2>
200200
<p>Even in some modern browsers, printing can be quirky.</p>
201-
<p>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. <a href="https://github.com/twbs/bootstrap/issues/12078">See #12078 for some details.</a> Suggested workarounds:</p>
201+
<p>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. <a href="https://github.com/twbs/bootstrap/issues/12078">See issue #12078</a> and <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=273306">Chrome bug #273306</a> for some details. Suggested workarounds:</p>
202202
<ul>
203203
<li>Embrace the extra-small grid and make sure your page looks acceptable under it.</li>
204204
<li>Customize the values of the <code>@screen-*</code> Less variables so that your printer paper is considered larger than extra-small.</li>
205205
<li>Add custom media queries to change the grid size breakpoints for print media only.</li>
206206
</ul>
207-
<p>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:</p>
207+
<p>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> and <a href="https://bugs.webkit.org/show_bug.cgi?id=138192">WebKit bug #138192</a> for more details. One potential workaround for this is adding the following CSS:</p>
208208
{% highlight css %}
209209
@media print {
210210
.container {

0 commit comments

Comments
 (0)