UI Deploy

Curated, Short, Web UI Dev we Love.

Fixing Cross-Browser Issues With CSS3 Viewport Units in IE9+ and Safari for iOS

Resize the iframe on the left using the dragger next to the text. (or, better yet, see the demo on the left without the iframe and resize your browser). You will see that font-size of the word “STACEY” resizes according to the size of the containing circle. The diameter of this circle is always 33% of the width or height, depending on which is bigger. All these calculations are done in CSS using viewport units

view source

Advertisement