隨著智能手機的普及，我們越來越依賴移動設備來瀏覽網頁。然而，網頁在不同的屏幕尺寸和設備中顯示效果不同。為了解決這個問題，我們可以使用CSS在手機中隱藏電腦中顯示的元素。

@media screen and (max-width: 767px) {
.hidden-on-mobile {
display: none;
}
}

上述代碼使用媒體查詢語句（@media）判斷當前設備的屏幕寬度是否小于等于767px，如果是，則選擇器“.hidden-on-mobile”將不再顯示（display: none）。這樣的話，在手機中就看不到這個元素了。

這樣的技巧特別適用于需要保留電腦版面結構的場景。比如，我們可以把一些廣告、導航、側邊欄等元素隱藏起來，讓用戶更便利地在手機上訪問網頁。