在移動端佈局的時候，因為不同機型有著不一樣的螢幕寬度，是故我們經常對頁面做出不同的佈局，有時候，有些機型的差距不大，所以我們沒有必要進行多次的重複勞動，所以我們使用響應式佈局。下面是我的一種解決文案，可以讓同一個設計稿在多個不同的環境達到相同的效果。

// 這裡的 7.5 指的是設計稿使用的是標準尺寸是 750 px. 可以根據不同的情況進行修改

html {
    font-size: calc(100vw/7.50);
}

@rem: 100rem;

然後我們使用的時候就可以使用 less 的變數運算了

// 這裡的 35, 500 指的是在設計稿上，該 div 的高 35px, 寬 500px
 

div {
    height: 35/@rem;
    width: 500/@rem;
}

這樣我們就可以根據一個通用樣式來對頁面進行繪製。只要注意一下小屏與大屏就可以了