diff options
| author | Patrick H. Lauke <[email protected]> | 2017-11-20 05:13:37 -0500 |
|---|---|---|
| committer | GitHub <[email protected]> | 2017-11-20 05:13:37 -0500 |
| commit | dcb761350c72d77a4288493efc5b9a043feb9a26 (patch) | |
| tree | 8c3b66df36704c60652aa58ac2d06ccf11f54dd8 /_includes | |
| parent | 0f17d53770874e7b918fe52a245ecc688584535d (diff) | |
| download | bootstrap-dcb761350c72d77a4288493efc5b9a043feb9a26.tar.xz bootstrap-dcb761350c72d77a4288493efc5b9a043feb9a26.zip | |
Add support for fractional viewport widths (zoom/high-dpi displays) (#24299)
* Change breakpoint max- calculation to fractional values
* Update docs to reflect fractional max-width breakpoint values
* Add fractional max-width to offcanvas example
* Add documentation and SCSS comment for fractional viewport support
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/callout-info-mediaqueries-breakpoints.md | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/_includes/callout-info-mediaqueries-breakpoints.md b/_includes/callout-info-mediaqueries-breakpoints.md new file mode 100644 index 000000000..ddf2b3745 --- /dev/null +++ b/_includes/callout-info-mediaqueries-breakpoints.md @@ -0,0 +1,3 @@ +{% callout info %} +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. +{% endcallout %}
\ No newline at end of file |