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

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -