PC端適應不同分辨率的問題

一般的做法是定義一個中間寬度，1200px或者1000px，具體的值要根據你的設計稿來定。這個中間寬度里的尺寸直接根據設計稿的尺寸1:1來就行了，兩邊寬度自適應，中間寬度居中，就好了。

響應式布局了解一下，很多css框架都提供了響應式布局功能（柵格系統(tǒng)）。

當然了你也可以自己實現，主要是用的媒體查詢，在不同分辨率下，采用不同的css樣式。

body{
    background:red;
}
@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}

如果文檔寬度小于等于300 背景顏色為淡藍色，如果文檔寬度大于300，背景樣式為紅色。

或者用餓了嗎的layout布局，https://element.faas.ele.me/#...