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

Posted

tags:

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

.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

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

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

css文字与排版

getBoundingClientRect

移动端知识补充

移动端知识补充

CSS3视口单位vw,wh