(根据宽度设置高度)如果确定width:100%;则设置高度 height: 100vw;
(根据高度设置宽度)如果确定高度height:100%;则设置 width: 100vh;

(根据宽度设置高度)如果确定width:60%;则设置高度 height: 60vw;
(根据高度设置宽度)如果确定高度height:60%;则设置 width: 60vh;

顺便使内容上下居中 line-height:也可以用vw单位
vw vh都是视宽,视高

css设置高度和宽度相同相关推荐

  1. css 各种高度和宽度

    css 各种高度和宽度 window.innerheight 返回窗口的文档显示区的高度,不包括菜单栏.工具栏以及滚动条等的高度. window.innerwidth 返回窗口的文档显示区的宽度,不包 ...

  2. CSS设置高度等于浏览器窗口

    CSS设置高度等于浏览器窗口 height: 100vh height: calc(100vh -60px)

  3. html超级链接大小修改,html代码如何为超链接标签设置高度和宽度呢?

    摘要: 下文讲述html中设置超链接标签的高度和宽度的方法分享,如下所示: 有时候我们需要为"超链接"标签设置相应的高度和宽度,但是设置后,我们发现超链接标签没有发生任何变化,具体 ...

  4. 怎么调整html文本域宽度和高度,如何使用CSS设置textarea的宽度和高度?

    这是我的css: .editor-field textarea { width : 400; height : 100px; } 这是我的观点的标记: @Html.EditorFor(model =& ...

  5. html a标签怎样设置宽高,a标签如何设置高度和宽度

    我们直接设置html代码中的a标签高度和宽度是不会起作用的,这是因为a标签属于内联元素标签,而内联元素不支持设置宽度(width)和高度(height),那么, a 标签如何设置宽度和高度. 为什么设 ...

  6. java 设置宽度和高度,如何通过设置高度和宽度来使宽度和高度反映ScaleTransform以及如何进行ScaleTransform?...

    我有一个关于在Silverlight中使用Canvas上的ScaleTransform的问题,Canvas正确缩放,但是Height和Width值始终保持不变 . 例如一个100x100 Canvas ...

  7. css 设置div的宽度根据内容自适应

    css设置: width:fit-content; 实现div居中,宽度自适应: margin: 0 auto; width:fit-content;

  8. CSS设置高度等于动态的宽度

    如果子元素根据父元素设置宽度,那么将其高度设置为0,并将padding-bottom设置为百分比,则该子元素的高度将根据它的宽度计算. <div class="div1"&g ...

  9. CSS设置背景图宽度100%,高度自适应

    .newcenter{width: 100%;background: url('../../assets/img/newcenter.png') no-repeat;background-size: ...

最新文章

  1. MediaInfo+c#获取视频码率
  2. PIX515防火墙配置策略实例
  3. java线程在什么时候结束,java – 什么时候线程超出范围?
  4. leetcode339. 嵌套列表权重和
  5. 如何根据对象获取到对应的表名_Excel VBA 常用对象二
  6. 图像处理【代码合集】
  7. 让django完成翻译,迁移数据库模型
  8. VS2017离线下载 -- 如何让VS2017不占用C盘
  9. VB之不能“VB6EXT.OLB”注册
  10. 《深入浅出MySQL》开发篇
  11. python关键词排名批量查排名_Python批量查询百度排名
  12. matlab模拟退火算法工具箱下载,Matlab的模拟退火算法工具箱
  13. 计算机网络之应用层(DNS域名系统)
  14. 浣熊优化算法(COA)(含MATLAB代码)
  15. 使用脚本配置odbc mysql_LoadRunner利用ODBC编写MySql脚本
  16. JS的报错处理(throw、try、catch)
  17. whose引导的定语从句,先行词是复数形式,从句里谓语动词用单数还是复数?
  18. GPT分区-----Linux系统
  19. JIRA项目管理系统源代码免费下载
  20. oracle create Force View

热门文章

  1. 计算机毕业设计(附源码)python语言学习系统
  2. Java千问:开发Java程序为什么要配置环境变量?
  3. webjar的详细使用方式
  4. asp.net_ImageMap热区
  5. 解决-Dmaven.multiModuleProjectDirectory system property is not set
  6. 瑞士轮 pascal
  7. 2021.9.17 zookeeper Linux 常用命令
  8. 错误处理机制perror的详解
  9. 世界上最好的图片无损压缩软件
  10. Autodesk 卸载工具