位置: 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详解)

  • 在京东慧采平台怎么入驻(在京东慧采平台采购的单位)

    在京东慧采平台怎么入驻(在京东慧采平台采购的单位)

  • 知道qq号都能查到什么信息(知道qq号可以查到对方什么信息)

    知道qq号都能查到什么信息(知道qq号可以查到对方什么信息)

  • 新申请的微信号封了是什么情况(新申请的微信号一天可以加多少人)

    新申请的微信号封了是什么情况(新申请的微信号一天可以加多少人)

  • 闲鱼视频怎么保存(闲鱼视频怎么保存苹果)

    闲鱼视频怎么保存(闲鱼视频怎么保存苹果)

  • 支付宝收款没有语音提示怎么办(支付宝收款没有记录)

    支付宝收款没有语音提示怎么办(支付宝收款没有记录)

  • 申请快手音乐人的条件(申请快手音乐人怎么上传音频)

    申请快手音乐人的条件(申请快手音乐人怎么上传音频)

  • 日历上显示快手极是什么意思(日历显示快手极速版怎么删除)

    日历上显示快手极是什么意思(日历显示快手极速版怎么删除)

  • 排序对话框中有几个关键字的栏怎么办(排序对话框中有什么个关键字的栏)

    排序对话框中有几个关键字的栏怎么办(排序对话框中有什么个关键字的栏)

  • office2016跟2010有什么区别(office2016跟2010差别大吗)

    office2016跟2010有什么区别(office2016跟2010差别大吗)

  • 新建文件夹怎么改名字(新建文件夹怎么添加图片)

    新建文件夹怎么改名字(新建文件夹怎么添加图片)

  • 平板电脑和手提电脑有什么区别(平板电脑vivo)

    平板电脑和手提电脑有什么区别(平板电脑vivo)

  • 电脑后面的音频三个口都是什么(电脑后面的音频接口)

    电脑后面的音频三个口都是什么(电脑后面的音频接口)

  • 十进制256转换为二进制结果是(十进制256转换为八进制)

    十进制256转换为二进制结果是(十进制256转换为八进制)

  • 手写板和数位板的区别(手写板和数位板哪个好用)

    手写板和数位板的区别(手写板和数位板哪个好用)

  • 红米手机为什么录屏的时候没有声音怎么办(红米手机为什么总是自动关机)

    红米手机为什么录屏的时候没有声音怎么办(红米手机为什么总是自动关机)

  • 专用流量是全国通用吗(全国通用流量与专用流量有什么区别)

    专用流量是全国通用吗(全国通用流量与专用流量有什么区别)

  • 太原公交可以刷支付宝吗(太原公交可以刷码吗)

    太原公交可以刷支付宝吗(太原公交可以刷码吗)

  • ps怎么后退一步(ps怎么后退一步在哪里)

    ps怎么后退一步(ps怎么后退一步在哪里)

  • 手机空调遥控器怎么安装(手机空调遥控器万能通用)

    手机空调遥控器怎么安装(手机空调遥控器万能通用)

  • 红米note8怎么设置一键锁屏(红米note8怎么设置返回键)

    红米note8怎么设置一键锁屏(红米note8怎么设置返回键)

  • wps怎么转换字体(wps的转换文字效果在哪里设置)

    wps怎么转换字体(wps的转换文字效果在哪里设置)

  • word文档中英文改字体(Word文档中英文对照)

    word文档中英文改字体(Word文档中英文对照)

  • 如何将wps文件上传到电脑(如何将wps文件上传到云盘)

    如何将wps文件上传到电脑(如何将wps文件上传到云盘)

  • 蓝牙耳机acc什么意思(蓝牙耳机acc什么意思啊)

    蓝牙耳机acc什么意思(蓝牙耳机acc什么意思啊)

  • 参考文献怎么加入word(参考文献怎么加编号)

    参考文献怎么加入word(参考文献怎么加编号)

  • type-c什么意思(type-c叫什么)

    type-c什么意思(type-c叫什么)

  • u盘的作用(u盘的作用比喻什么生肖)

    u盘的作用(u盘的作用比喻什么生肖)

  • 怎么发现微信谁删了我(怎么发现微信谁是群主)

    怎么发现微信谁删了我(怎么发现微信谁是群主)

  • 睡在海滩上的竖琴海豹,纽约长岛 (© Vicki Jauron, Babylon and Beyond Photography/Getty Images)(睡在海面上)

    睡在海滩上的竖琴海豹,纽约长岛 (© Vicki Jauron, Babylon and Beyond Photography/Getty Images)(睡在海面上)

  • 《Python编程从入门到实践》第2版 PDF高清版电子书(python编程从入门到精通第三版)

    《Python编程从入门到实践》第2版 PDF高清版电子书(python编程从入门到精通第三版)

  • 建筑业一般纳税人可以开3%的发票吗
  • 产品分成方式取得收入什么意思举例
  • 契税是什么意思契税是过户费吗
  • 开办期间的费用,没有发票,咋抵扣啊
  • 期间损益结转错误怎么冲销
  • 应付账款不需要付怎样做会计分录
  • 季度申报后还要年度申报吗
  • 存出资本保证金是金融资产吗
  • 其他应付款长期挂账违反什么规定
  • 月末本年利润余额怎么算
  • 契税和车辆购置税的异同
  • 代账报税软件哪个好
  • 接待客户的住宿费账务处理
  • 把黑龙江省
  • 纯利润和毛利润哪个多
  • 广告服务增值税差额征税
  • 集体房产证如何分割
  • 哪些记账凭证
  • 电子发票怎么打成A4纸一半
  • 个体户营业收入超过500万
  • 电脑美式键盘怎么设置
  • 网易打不开怎么退出游戏
  • windows11启动卡在转圈圈
  • 线上生活服务app有哪些
  • 应付账款暂估借方余额怎么处理
  • 法人个人账户收钱算不算公司收钱
  • 如何计算劳务费个人所得税
  • 再给我推荐几款
  • linux命令行怎么用
  • 展位费一般多少钱
  • 政府补助退回的账务处理
  • 收购农产品进项税抵扣税率是多少
  • 无形资产的账务处理候文江视频
  • 员工辞退补偿金扣个税吗
  • php追加写入
  • zendstudio怎么创建php项目
  • 接受捐赠和对外捐赠分录
  • vue 百度地图 移动端
  • php获取ftp文件目录
  • 小程序生命周期钩子
  • vue项目移动端怎么做适配
  • css中的hover属性
  • nlp track
  • 划水划水划水表情包
  • 发票纳税识别号和名称打印出来不齐怎么回事
  • 计划资产产生的股利
  • 其他货币资金的明细科目有哪些
  • 股权转让实缴资本4000万如何缴纳
  • 只有收据没有发票怎么入账
  • 政府会计制度应收账款坏账准备
  • 缴纳水土保持补偿费分录是什么
  • 股东撤资如何退还资金,用途写什么
  • 企业收到个体户的普通发票还需要缴纳20%的税吗
  • 企业录用失业人员补贴
  • 固定资产抵扣过处置还能简易计税吗
  • 工会经费计税依据是应发还是实发
  • 计划成本法和实际成本法的适用范围
  • 备查账依据什么登记
  • mysql在cmd命令操作
  • issch.exe
  • os x10.11el capitan beta2下载地址
  • win10老是提示
  • 笔记本不支持win8
  • linux vim使用
  • win7记事本功能
  • linux用什么写c
  • opengl颜色混合模式
  • 基于javascript的毕业设计
  • javascript中的this
  • node 包管理
  • 深入linux内核架构与底层原理 pdf
  • iframe移动端自适应
  • 关于批处理的说法错误的是
  • android应用市场有哪些
  • javascript怎么学好
  • Python for Informatics 第11章之正则表达式(四)
  • 如何查询企业出资时间
  • 重庆国家电子税务总局怎样开电子税票
  • 青海税务app
  • 德阳契税2021年新规
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设