今天寫移動端H5頁面，mui按鈕在layer mobile 彈窗 html類型的時候，mui按鈕寬度設置為100%的時候，mui按鈕寬度會超出屏幕，聽同事建議，使用 css calc()函數計算得以解決。

菜鳥教程解釋calc()函數地址：https://www.runoob.com/cssref/func-calc.html

定義與用法

calc() 函數用于動態計算長度值。

• 需要注意的是，運算符前后都需要保留一個空格，例如：width: calc(100% - 10px)；
• 任何長度值都可以使用calc()函數進行計算；
• calc()函數支持 "+", "-", "*", "/" 運算；
• calc()函數使用標準的數學運算優先級規則；

使用例子

width: calc(100% - 26px);

此處 100% 動態獲取屏幕寬度，然后減去26px個像素

總結

以上是生活随笔為你收集整理的css calc()函数 动态根据屏幕宽度计算宽度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。