vmin、vmax、vheight、vwidth

by wllai2001

HTML

<!--vmin、vmax、vheight、vwidth是隨瀏覽器視窗大小改變-->
<!--vmin自動偵測高或寬的長度取小邊，vmax則是取大邊長度-->

<div class='test'>

</div>

CSS

.test{
  
  width:50vmin;
  height:50vmin;
  border:solid 1px #000;
  margin:auto;
}