今天學習了css前處理器中的less語法，在敲代碼的程序中，發現了一個問題，編譯之后的css檔案中，less檔案中的運算公式，在css中還是顯示運算公式，不是運算結果，我開始以為是本應該是這樣，但是當運行HTML時候，他會報錯：屬性值不可用，經過查找，終于找到了解決辦法，
首先，我是通過vscode 插件自動生成的css檔案，方法如下：
1.在vscode插件庫，安裝easy less，該插件，會在保存less檔案的時候，自動生成css檔案，
2.看了黑馬程式員pink老師的視頻課 ，看跟著一起敲代碼，
在.less其中height的值是一個運算式子
@baseFont:50;
.search-content {
display: flex;
position: fixed;
width: 15rem;
height:88rem / @baseFont;
background-color: #FFC001;
}下面是生成的css中的代碼
.search-content {
display: flex;
position: fixed;
width: 15rem;
height: 88rem / 50;
background-color: #FFC001;
}運行.html檔案，應該出現的樣式沒有顯示，檢查元素發現該屬性值是無效的，
遇到問題就要解決呀，百度了一堆，最后終于是找到了解決辦法，原來pink老師的代碼是2018年的，現在是2021年，代碼“更新換代”了，解決方法如下：
height:(88rem / @baseFont);加上括號就完美解決啦，
希望我的方法對你有用，前端小白們，加油寫代碼，天天敲代碼吧，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/279560.html
標籤：其他
上一篇：一個字就是干！同樣是Android開發，為什么別人月薪35K，而我只能拿8K，到底是什么阻止了我升職加薪&人生巔峰？