rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Clarify media query using .02px and bump from callout to warning

Browse Source
This commit is contained in:
Mark Otto 2020-04-08 11:16:50 -07:00
parent 5f932ff734
commit e3583115c6
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
site/content/docs/4.3/layout/breakpoints.md
View File

@ -173,7 +173,7 @@ These mixins take those declared breakpoints, subtract `.02px` from them, and us
// No media query since the xxl breakpoint has no upper bound on its width
{{< /highlight >}}
{{< callout info >}}
{{< callout warning >}}
{{< partial "callout-info-mediaqueries-breakpoints.md" >}}
{{< /callout >}}

2
site/layouts/partials/callout-info-mediaqueries-breakpoints.md
View File

@ -1 +1 @@
Note that since browsers do not currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision for these comparisons.
**Why subtract .02px?** Browsers don't currently support [range context queries](https://www.w3.org/TR/mediaqueries-4/#range-context), so we work around the limitations of [`min-` and `max-` prefixes](https://www.w3.org/TR/mediaqueries-4/#mq-min-max) and viewports with fractional widths (which can occur under certain conditions on high-dpi devices, for instance) by using values with higher precision.