CSS是前端開發中一種非常重要的技術，能夠讓網頁更加美觀、實用、易于操作。而對于移動端開發來說，自定義手機屏幕大小就顯得尤為重要。

在HTML5中，引入了Viewport的概念，使得網頁可以適應不同尺寸的屏幕，而CSS則可以通過設置Viewport優化網頁的布局。例如：

<meta name="viewport" content="width=device-width, initial-scale=1">

這段代碼表示的是Viewport的基本設置，即屏幕的寬度等于設備的寬度，縮放比例為1。這樣設置可以讓網頁在不同尺寸的屏幕上都顯示得非常漂亮。

但是，有時我們需要自定義屏幕的大小，來更好地模擬不同設備的環境和效果。這時候，可以使用CSS中的@viewport規則來實現。例如：

@viewport {
width: 320px;
height: 480px;
orientation: portrait;
}

這段代碼表示的是，自定義屏幕的大小為320像素寬、480像素高，屏幕朝向豎屏。這樣設置可以讓我們更好地測試和調試移動端網頁，從而達到更好的用戶體驗。

總之，自定義手機屏幕大小是移動端開發中非常重要的一步，可以有效提高開發效率和用戶體驗，建議開發者們多加嘗試。