css3让元素自适应高度
2024-10-08 05:35:23
知识点:
viewport:可视窗口,也就是浏览器。
vw Viewport宽度, 1vw 等于viewport宽度的1%
vh Viewport高度, 1vh 等于viewport高的的1%
calc()使用通用的数学运算规则,但是也提供更智能的功能:
1、使用“+”、“-”、“*” 和 “/”四则运算;
2、可以使用百分比、px、em、rem等单位;
3、可以混合使用各种单位进行计算;
4、表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)"这种没有空格的写法是错误的;
5、表达式中有“*”和“/”时,其前后可以没有空格,但建议留有空格。
例如 :设置div元素的高度为当前窗口高度-100px
div{
height: calc(100vh - 100px);
}
兼容性:支持ie9及以上,移动端可以用的飞起了
最新文章
- 【NLP】Python NLTK 走进大秦帝国
- tif文件导入postgresql
- BestCoder Round #89 02单调队列优化dp
- MySQL的limit查询优化
- unable to access android sdk add-on list
- My97DatePicker控件
- 查看、关闭linux自启动网络服务
- NSString的八条实用技巧
- Web Service 入门例子
- codeforces 591B Rebranding (模拟)
- (转)Java多线程编程总结
- Winform应用程序实现通用遮罩层二
- 三分钟使用webpack-dev-sever搭建一个服务器
- Apache中限制和允许特定IP访问
- 自己对Web标准的理解
- CentOS7.X首次安装docker无法启动的问题解决
- JS怎么判断一个对象是否为空
- python--使用队列结构来模拟烫手山芋的游戏
- idea实用插件
- curl 命令模拟 HTTP GET/POST 请求
热门文章
- [转][ASP.NET Core 3框架揭秘] 跨平台开发体验: Windows [下篇]
- error LNK2001: unresolved external symbol __imp___rt_sdiv
- 2018-12-25-dot-net-double-数组转-float-数组
- SourceYard 制作源代码包
- 【js】Vue 2.5.1 源码学习 (八)响应式入口observe
- 【75.28%】【codeforces 764B】Decoding
- 前端css图片固定宽高问题
- jQuery 工具类函数-浏览器信息
- Linux 内核块 urb
- CodeForces - 617E XOR and Favorite Number (莫队+前缀和)