css实现正方形是屏幕一半

CSS实现正方形是屏幕一半，可以通过使用vw、vh单位和position属性实现。

.square {
  position: absolute;
  width: 50vw;
  height: 50vw;
  background-color: red;
  top: 25vh;
  left: 25vw;
}

在上述代码中，使用了position属性将正方形绝对定位。由于正方形的宽和高的值相同，所以可以将宽和高设置为50vw，表示屏幕宽度的50%。

为了使正方形位于屏幕中央，需要将top和left值设置为25vh和25vw。其中，vh和vw单位分别表示视口高度和视口宽度的百分比。

最后，为了看清楚效果，可以添加背景色。