css 使用视口设置样式 - 相对于浏览器大小的窗口(显示大小) - 真正为任何设备创建响应式体验(最小到

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使用视口设置样式 - 相对于浏览器大小的窗口(显示大小) - 真正为任何设备创建响应式体验(最小到相关的知识,希望对你有一定的参考价值。

.gridtask {
 width: 100vw;
}

.table{
  background-color: rgb(50, 50, 50);
   border-radius: 2vw 2vw 0 0;
}

.header {
  font-size: 6vmin;
  white-space: nowrap;
}

//calc(27vmax*(5/3)) also possible

以上是关于css 使用视口设置样式 - 相对于浏览器大小的窗口(显示大小) - 真正为任何设备创建响应式体验(最小到的主要内容,如果未能解决你的问题,请参考以下文章

如何在某个浏览器大小后停止拉伸标签的视口宽度

CSS3视口单位vw,wh

vhvw 与 calc

CSS 字体大小:相对值与绝对值。使用哪个? [关闭]

CSS calc()函数与单位vh 常见height:100vh

CSS背景图像,根据视口调整大小[重复]