在現代社會中，手機已經成為人們生活中必不可少的一部分。隨著手機的普及，越來越多的人傾向于用手機進行網頁瀏覽。然而，在將網頁css用手機打開時，可能會遇到一些問題。

@media screen and (min-width: 768px) { 
body {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
}
}

上述代碼是一個常見的網頁css代碼。要讓這個代碼在手機上正常顯示，我們需要使用響應式設計。首先，我們通過媒體查詢來設置不同的屏幕寬度。當屏幕寬度小于768px時，應用手機端css樣式，將字體大小設置為14px。反之，則使用電腦端css樣式，并將字體大小設置為16px。

此外，在為手機瀏覽器設置網頁css時，我們還應該保證頁面排版清晰、簡潔明了，并且注意控制圖片大小，防止加載過慢。

總之，對網頁css進行適配，使其能夠在手機上正常顯示是非常重要的。如果您想要網頁在不同的設備上具有良好的瀏覽體驗，則需要對網頁css進行響應式設計。