fix(preset-mini): breakpoint in max-width issue

[achinchen]

description

• Fix lt:${breakpoint} and at:${breakpoint} to close RWD issue: lt-${breakpoint} should be ${breakpointValue - 0.1px}  #707

ref

• windicss/tools#increaseWithUnit

[netlify]

✔️ Deploy Preview for unocss ready!

🔨 Explore the source changes: ff0b3a0

🔍 Inspect the deploy log: https://app.netlify.com/sites/unocss/deploys/622ed0d737ddd9000803e48d

😎 Browse the preview: https://deploy-preview-709--unocss.netlify.app/

[chu121su12]

Note that in bootstrap, the delta is 0.02px

Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.

https://github.com/twbs/bootstrap/blob/8fe82c7176a577190f2d69f9cbdd990b7f3c8493/scss/mixins/_breakpoints.scss#L34-L46

[achinchen]

Note that in bootstrap, the delta is 0.02px

Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.

https://github.com/twbs/bootstrap/blob/8fe82c7176a577190f2d69f9cbdd990b7f3c8493/scss/mixins/_breakpoints.scss#L34-L46

Due to I use the delta is 0.1 instead of 0.01, I think it's okay. There's demo for delta 0.1.

However it's quite interesting information for the issue with 0.01 vs 0.02 in Webkit.
I did the experiment to confirm the "delta 0.01 bug" in different browsers by using the demo from bug report page, Firefox in MacOS is good for 0.01 but Chrome in MacOS isn't.

Thanks (: