@@Gunther:

nuqneH

Hmmm ..., mal ganz davon abgesehen, dass das aktuell nur im Chrome funktioniert, berücksichtigt das in keinster Weise die 'line width' (sondern nur die Viewportbreite).

Die Breite der Box (in Prozent der Viewportbreite) hat man üblicherweise unter Kontrolle.

Dann könnte man ja bspw. lieber gleich schreiben:

p {

margin: calc(1.1em + 1%) 0;
}

  
Für margin ja; für line-height nicht, da würde sich % auf die Schriftgröße beziehen.  
  
  

> Auch das funktioniert nur im Chrome.  
  
Nö, im Firefox (31 auf MacOS) funktioniert das auch.  
  
  

> BTW: Ich hätte erwartet, dass für das HTML-Element gilt: 1% = 1vw  
> Das scheint aber offensichtlich nicht so zu sein ...!?  
  
Nicht? Doch, dem ist so.  
  
Wenn html/body margin/padding haben, macht bei untergeordneten Elementen % und vw natürlich einen Unterschied.  
  
  

> > > Ich finde den Ansatz, die line-height (neben der font-size) auch von der line width abhängig zu machen, gar nicht so verkehrt.  
> Schön wenn du das auch so siehst, nur berücksichtigen tust du es nicht ...!?  
  
\*Ich\* schon. Firefox nicht. ;-)  
  
  

> Und leider ist calc() hier auch keine "Hilfe", denn abgesehen davon, dass aktuell nur Chrome eine entsprechende Angabe für 'line-height' unterstützt, ist das, was wirklich hilfreich wäre, nämlich z.B.:  
> ~~~css

div {  

>    max-width: calc(1em / 1rem * 40rem);  
> }  
> 

generell nicht möglich,

Kann dir nicht folgen. Warum schreibst du nicht gleich 40em?

da der Divisor immer eine <number> sein muss!

Hach, wie wird man von Sass verwöhnt.

Qapla'