位置: IT常识 - 正文

Css之使用calc()计算宽高(vw/vh)(css calculate)

编辑:rootadmin
Css之使用calc()计算宽高(vw/vh) 一、calc()的用途

推荐整理分享Css之使用calc()计算宽高(vw/vh)(css calculate),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css中calc,css cale(),css计算属性calc,css cale(),css中calc,css calc用法,css的calc函数,css的calc函数,内容如对您有帮助,希望把文章链接给更多的朋友!

Css之使用calc()计算宽高(vw/vh)(css calculate)

主要用于计算不确定值

二、vw和vh的定义

vw、vh、vmin、vmax是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗(Viewport)大小来决定的,单位 1,代表类似于 1%。 视窗(Viewport)是你的浏览器实际显示内容的区域,换句话说是你的不包括工具栏和按钮的网页浏览器。

具体描述如下:

vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%)vh:视窗高度的百分比vmin:取当前vw和vh中较小的那一个值vmax:取当前vw和vh中较大的那一个值三、vw、vh 与 % 百分比的区别

(1)% 是相对于父元素的大小设定的比率,vw、vh 是视窗大小决定的。

(2)vw、vh 优势在于能够直接获取高度,而用 % 在没有设置 body 高度的情况下,是无法正确获得可视区域的高度的,所以这是挺不错的优势。

四、vw、vh用法示例width: -moz-calc(100vw - (2 * 10)px);width: -webkit-calc(100vw -(2 * 10)px);width: calc(100vw - (2 * 10)px);height: -moz-calc(100vh - (2 * 10)px);height: -webkit-calc(100vh - (2 * 10)px);height: calc(100vh - (2 * 10)px);
本文链接地址:https://www.jiuchutong.com/zhishi/295379.html 转载请保留说明!

上一篇:城市公交查询系统的设计与实现(Java+Web+MySQL+J2EE)(城市公交网)

下一篇:React--》useReducer的讲解与使用(react reducer详解)

  • 从农民手中收购粮食如何计算进项税
  • 旅游交什么税
  • 偷税漏税是指什么税种
  • 公司购车需要公章吗
  • 公司能经营烟草公司吗
  • 个体户城建税优惠政策
  • 福利费发票可以开个人抬头吗
  • 实收资本转出计入什么科目
  • 收到的抵债资产属不属于所有者权益
  • 开出技术服务费的账务处理
  • 固定基金会计分录怎么处理
  • 专用发票与普通发票代码区别
  • 建筑企业使用民工的税务风险你清楚吗?
  • 机械租赁费如何开
  • 劳务分包简易计税可以抵扣吗
  • 企业业务招待费标准规定
  • 对方转出没收到怎么办
  • 递延所得税怎么产生
  • 管理费用的结转需要在明细账中体现吗
  • 1697510768
  • 不超过500万元的固定资产
  • 员工辞退补偿金发放逾期
  • 什么情况下需要承担法律责任
  • 苹果系统中英文切换快捷键
  • windows hosts文件在哪
  • 购买的房屋如何过户
  • 静默安装命令
  • mini program是什么
  • 开发支出应属于什么科目
  • 融资性售后回租承租方为什么不交税
  • 不良资产核销的条件 追偿180天
  • Vue3 & app.use 与 install 函数的作用
  • 生育津贴有什么补贴
  • 以前年度损益调整在利润表中怎么填
  • 手把手教你安装nvidia驱动
  • 微信公众号开发用什么语言
  • php消除警告
  • java开发从入门到精通
  • 金税盘怎么设置字体
  • 一般纳税人只有销项没有进项
  • 帝国cms 开启动态
  • mysql默认存储引擎的命令
  • 普通发票和增值税发票的税率
  • 个税哪种申报方式好
  • sql server 新增字段
  • 公司的货款直接转给股东个人了,该怎么转到公司
  • 投资管理公司成立的请示范文
  • 职工报销的医药费是什么
  • 厂房维修费是制造费用还是管理费用
  • 发票入账的管理规定
  • 已开普通发票记账联丢失怎么办?
  • 收到银行开的手续费发票如何做帐
  • 一般纳税人销售旧货税率
  • 给员工缴纳的雇工保险
  • 无形资产摊销账面价值
  • 员工报销固定资产怎么算
  • 什么是债券转让价格与发行价格
  • 什么时候确认应收
  • 商业折扣,现金折扣,销售折让
  • 贷款指标是什么意思
  • 符合条件的有
  • 获取客户端所有cookie对象的方法
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • win10 电池报告
  • windows vista 版本
  • 自定义winre
  • linux终端基础命令
  • win7系统无法修复怎么办
  • xp专业版激活工具
  • host文件没有
  • windows8语言栏不见了
  • nodejs的理解
  • js 返回上一页面并刷新
  • jqueryui
  • jquery的点击事件怎么写
  • 纳税人防伪税控设备未抄报怎么操作
  • 国家纳税查询系统
  • 企业之间无偿借款是否交税
  • 税务局自助终端
  • 陕西省西安市国家民用航天产业基地邮编
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设