隨著智能手機屏幕的不斷升級，用戶對于移動端頁面的要求也越來越高。而華為手機作為國內市場的領軍品牌之一，其不同型號之間的屏幕大小和高清度也會有所不同。因此，為了適應這些變化，我們在CSS的編寫中需要采取一些策略。

首先，在寫CSS之前，我們可以先了解一下常見華為手機的屏幕規格，包括分辨率、像素密度等。可以在開發文檔或是官方網站上找到相應信息，以便更準確地編寫樣式。

// 在CSS中示例
 /* 華為P40屏幕尺寸 */
 @media screen and (max-width: 1080px){
/* 根據屏幕尺寸改變樣式 */
body{
font-size: 16px;
}
 }

其次，在CSS的代碼中可以充分利用彈性布局、流式布局和響應式布局等技術，以適應不同尺寸的屏幕。例如，用百分比或是vw/vh等單位代替固定像素值，使得頁面元素能夠按照屏幕尺寸自適應地縮放。

// 在CSS中示例
 /* 響應式布局 */
 .box{
width: 80%;
height: 50vh;
 }

最后，在實際開發過程中，我們可以使用不同版本的華為手機來進行測試，以確保頁面在各設備上均能正常展示，同時可以使用Chrome瀏覽器的手機模擬調試工具，進行頁面的模擬和調試。

綜上所述，適配華為手機屏幕的技巧主要包括獲取屏幕規格信息、運用彈性布局和響應式技術以及進行測試和調試。通過這些方法，我們可以更好地適應不同尺寸的屏幕，提升用戶體驗和頁面的適配性。