CSS在移動頁面開發中有著重要的作用，其可以為我們的網站帶來很多的美觀和好用的效果。其中，如何在移動頁面中寫出一個正方形是一個常見的需求。下面我們來介紹一下如何使用CSS來實現。

.square{
width: 50vmin;
height: 50vmin;
background-color: red;
}

上面這段CSS代碼很簡單，首先讓我們定義了一個名為“square”的CSS類，接下來我們將其寬度和高度都定義為“50vmin”，這意味著這個元素的寬度和高度都是視口寬度和高度的50%。最后我們讓這個元素的背景色為紅色。

最后我們只需要在我們的HTML中引用這個類名就可以了。

<div class="square"></div>

這樣我們就成功將一個正方形渲染出來了，其精簡的CSS代碼讓我們在移動頁面開發中更加高效。