CSS對于網頁設計來說是一個重要的部分。但是在現今移動設備日益普及的情況下，我們必須考慮如何讓CSS適應不同的設備，包括移動設備和PC電腦。下面就介紹一些方法來幫助你讓CSS在不同設備上都能完美展現。

首先我們需要設置網頁的viewport，viewport 是瀏覽器用來顯示網頁的區域，在移動設備上經常由于小屏幕而需要縮小內容顯示，導致網頁不能完全顯示。設置viewport可以讓瀏覽器知道如何顯示我們的網頁。通常設置如下：

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

接下來，我們需要考慮排版，特別是在移動設備中。我們需要通過使用 CSS 媒體查詢來使頁面的布局在不同設備上都自適應。通常手機屏幕比較小，所以我們可以通過下面的代碼來調整頁面的布局：

/* 移動設備 */
@media (max-width: 768px) {
/* 在此處添加調整布局的 CSS 代碼 */
}

同時，我們還可以使用相對大小的測量單位，比如百分比和 em。這樣，在不同大小的屏幕上，元素的大小也會自適應。使用百分比可以設置元素的寬、高或邊距，如下所示：

div {
width: 50%;
margin: 0 auto;
}

還有一個要考慮的問題就是字體的大小。在移動設備上，字體太小可能會影響用戶的閱讀體驗，所以我們需要使用 CSS 的 media queries 來調整字體的大小。例如：

/* 移動設備 */
@media (max-width: 768px) {
body {
font-size: 14px;
}
}

最后，我們需要進行常規的測試。我們需要在移動設備和PC上測試頁面，確保頁面在不同設備上都能正常顯示。

在設計響應式的網頁時，不要忘記使用viewport、百分比進行布局調整、使用相對大小的測量單位、調整字體大小以及進行測試。這些都是保證你的網頁在移動設備和PC上都能正常顯示的必要因素。