Responsive font issues in IE browser (include edge)
kangw3n opened this issue · comments
Hey there
When applying responsive property into style, it seems to be works in all modern browser, however in IE nor Edge, I found that the calc() method did not do the trick, while re-sizing the screen and reach a certain breakpoint inside font-range (1280px - 420px ), font-size will drop below the the min-font-size (12px as default, it will keep on reduce until it reach the lower bound of the range) ,and once it reach the lower bound of the size it will stick with 12px as expected.
I think it might be some issues with IE and Edge browser rendering vw value?(checked in caniuse.com it seems to be ok to use vw or calc() method in modern IE browser)
Thanks
Just confirmed this myself. Haven't the faintest idea what's going on here - presumably something funky IE is doing with vw units, but that said I'm almost certain this was working okay before the recent logic change in postcss-responsive-type (madeleineostoja/postcss-responsive-type@e3a9242). Thanks for flagging, I'll look into it and get it sorted asap.
Yep confirmed - this is a regression brought on by madeleineostoja/postcss-responsive-type@e3a9242.
If you need an immediate solution roll back postcss-responsive-type in your deps to 0.1.*, then just make sure you only use px units throughout.
Thanks