less中使用calc計算高度注意事項

2021-09-24 17:15:25 字數 464 閱讀 7144

我們知道,在css中我們可以使用100vh表示螢幕高度,我們還可以通過calc(expression)來動態計算寬高,於是便有了如下**:

height: calc(100vh - 50px);
然而事與願違,我們得到的結果卻是這樣的:

我們得到的是50vh,相當於螢幕高度的一半。

google一波,我們修改**如下:

height: calc(~"100vh - 50px");
此時看效果,已然正常。

參考

如何在Less中使用使用calc

文章 自 瓊臺部落格 結果less把這個當成表示式去執行了,結果給我解析成這樣 12 3div 於是,我把less改寫成這樣 12 3div 解析結果正常 12 3div 然而,把30px替換為乙個變數,怎麼寫呢?12 34div 這麼寫webstorm沒有報錯,但grunt less報錯了 12 ...

Swift Label計算高度

計算字生符串的寬度,高度 let string 乙個叫張三的人,存了三百兩銀子,想把它藏起來,又怕被人偷去,想來想去,還是把它埋起來好。於是找了個隱蔽地方挖了個坑把銀子埋了,但還是不放心,就在埋銀子的地方立了塊牌子,上面寫道 此地無銀三百兩 他的鄰居李四看到了這個牌子,大笑道 這不是明明告訴人們,這...

iOS 根據內容計算高度

ios 根據內容計算高度,網路上搜尋到的,自己記錄下,看到的就看到了 第一步屬性宣告 1 property strong,nonatomic nsstring personprofile 第二步屬性賦值 1 self.personprofile x x x x x x xx x 第三步求出高度 1 ...