2017-02-16 4 views
1

lineheightにcalcを使用する他の方法はありますか?それはFirefoxで動作していません。ファイアフォックスでlineheightのcalcを使用するには?それが動作しない

lineheight: calc(1.8 * (1vw + 1vh - 1vmin)); 
+0

あなたは-moz-calc'接頭辞を '追加してみましたか? – Treeindev

+1

それは私のために働く。 @Treeindev calcのベンダープレフィックスは必要ありません。 – Rob

+0

@Treeindevそれは仕事をしなかった – radiance88

答えて

1

正しいプロパティ名はないlineheightline-heightです:

p.styled { 
 
    line-height: calc(1.8 * (1vw + 1vh - 1vmin)); 
 
}
<p class="regular">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec velit elit, interdum eu ullamcorper at, ultrices quis turpis. Ut non vehicula dui. Etiam vel auctor diam, nec pretium enim. Maecenas porttitor posuere arcu et eleifend. Vivamus maximus ultrices facilisis. Praesent pretium ex et erat vehicula lobortis. Phasellus varius nisl quis odio suscipit, et feugiat magna mollis.</p> 
 

 
<p class="styled">Aenean elementum tincidunt sem, in egestas turpis interdum at. Cras ac lectus vitae velit aliquam condimentum eu ac justo. Phasellus at neque rhoncus, vestibulum dui quis, molestie augue. Sed vitae laoreet turpis. Phasellus et ligula sapien. Nunc fermentum nisi feugiat augue imperdiet, vel malesuada elit dictum. Quisque mi magna, laoreet id porttitor non, rutrum ac sem. Nam fringilla commodo mi in porta. Phasellus vehicula felis at risus tristique ornare. Vivamus elementum, nisi pharetra accumsan ullamcorper, massa odio consequat libero, ut rhoncus odio magna eu odio. Maecenas imperdiet, diam vel venenatis cursus, nisi nisl rhoncus orci, a sagittis nisi mi ac quam. Fusce fermentum lacus quis nibh rutrum, sed tempus elit tempus. Vivamus non magna sem.</p>

+0

それは私がそれを入力して以来、それが私のために働いた理由を説明します。 – Rob

関連する問題