CSS是網頁設計不可缺少的一部分，而如今人們越來越多地使用手機上網，那么如何在移動設備上正確使用CSS呢？

@media screen and (max-width: 767px) {
/* 將一些CSS規則放在這里，這些規則會在屏幕小于768像素的情況下應用 */
}

上面這段代碼說明了如何使用CSS媒體查詢，它可以根據設備的屏幕尺寸應用不同的CSS規則。在上述代碼中，我們定義了屏幕寬度小于768像素時應用的規則。

除了媒體查詢，還可以使用Flexbox布局來實現在移動設備上更好的排版效果。

.container {
display: flex;
flex-direction: column;
align-items: center;
}

上面這段代碼說明了如何使用Flexbox布局，我們將容器設置為flex布局，使其所有子元素都可以沿著主軸或交叉軸進行排列。在上述代碼中，我們將容器設置為一列，并通過align-items屬性將子元素垂直居中。

另外，在使用CSS時，也要注意避免使用絕對定位和固定寬度等不適合移動設備的規則，以提高移動設備上的使用體驗。

總之，掌握以上CSS知識點，可以幫助我們更好地在移動設備上實現網頁設計。