css中的小招数

css的calc函数

频繁使用,1、会有渲染性能问题,2、会难以维护和理解

javascript 复制代码
// calc(数学表达式),表达式中包含的操作符有加、减、乘、除
// 注意操作符前后都要有空格,不然不生效
padding: calc(10px + 2%);
font-size: calc(1em + 2vw);
height: calc((100vh - 50px) / 2);
相关推荐
墨柳烟18 分钟前
ABAQUS高亮显示网格节点方法:Python为每个节点建立集合
开发语言·前端·python·abaqus
琴~~38 分钟前
前端根据后端返回的文本流逐个展示文本内容
前端·javascript·vue
zhaocarbon1 小时前
el-scrollbar 动态更新内容 鼠标滚轮无效
前端·javascript·vue.js
一纸忘忧1 小时前
Nuxt 3.14 发布!全新功能与性能提升
前端·javascript·vue.js
~甲壳虫2 小时前
react中得类组件和函数组件有啥区别,怎么理解这两个函数
前端·react.js·前端框架
.net开发2 小时前
WPF使用Prism框架首页界面
前端·c#·.net·wpf
名字越长技术越强2 小时前
vue--vueCLI
前端·javascript·vue.js
是个热心市民2 小时前
构建一个导航栏web
前端·javascript·python·django·html
J不A秃V头A2 小时前
报错:npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。
前端·npm·node.js
GDAL2 小时前
npm入门教程14:npm依赖管理
前端·npm·node.js