css3 - How can I gracefully degrade CSS viewport units? -
css viewport units (vw
, vh
, vmin
, vmax
) great, , want start using them fonts -- noticed here aren't supported. tried google best practices graceful degradation in unsupported browsers, couldn't find useful. there better ways beyond doing like:
h1 { font-size: 120%; /* unsupported browsers */ font-size: 5.3vmin; /* supported browsers */ }
thanks in advance!
- native usage
you'll @ least want provide fallback:
h1 { font-size: 36px; /* tweener fallback doesn't awful */ font-size: 5.4vw; }
also tells mimicing functionality fittext.js.
for more information, read chris coyier's "viewport sized typography" http://css-tricks.com/viewport-sized-typography/
Comments
Post a Comment