文章目录
首页
Javascript
Html
Css
Node.js
Electron
移动开发
工具类
服务端
浏览器相关
前端收藏
其他

视窗单位vm,vh,vmin,vmax

2019年01月09日 发布 阅读(52) 作者:懒炖

视窗单位其实出来好多好多年了,不过用的场景比较少,现在也是越来越多的浏览器支持了。electron使用vh,vw就不用担心了,chrome内核完全支持它

视窗单位

视窗(Viewport)是指浏览器实际显示内容的区域,单位主要包含4个:

  • vw : 1vw 等于视口宽度的1%
  • vh : 1vh 等于视口高度的1%
  • vmin : 选取 vw 和 vh 中最小的那个
  • vmax : 选取 vw 和 vh 中最大的那个

浏览器支持

https://www.caniuse.com/#search=vw

参考

https://drafts.csswg.org/css-values-3/#viewport-relative-lengths
http://caibaojian.com/vw-vh.html
https://www.w3cplus.com/css/simplify-your-stylesheets-with-the-magical-css-viewport-units.html

版权声明:本站文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议,如需转载,请注明出处

评论

  •