I have a side question on this topic of size and size properties. I'm just finishing up a 10 day test conversion of a small application interface and was surprised to see us use PX a lot in the layout when it's on the JS side of things. I was specifically using the jewel set to test with. When I scaled the application it still looked acceptable, however if only the font-size / text size was changed (via accessibility or browser setting) then everything scaled poorly. I overrode a good chunk of CSS by applying each new css file as a theme in order I wanted them to override each other. What I changed was PX references to EM. EM is based on the font-size by 1px font = 1/16 of EM. So a font-size 16px would be a natural 1EM. Then the font-size scaling and the regular scaling both worked.
Would it be feasible to make the PX assignments on the JS side get run through a static function to convert it to EM instead? Back on topic, I was able to avoid using max size declarations by adding in CSS to utilize the flex-box CSS alignments to fill and distribute sizes. -Mark K
