當我們在進行前端開發時，要考慮到不同設備的屏幕大小和分辨率對頁面的影響，這樣才能保證我們的頁面在不同設備上能夠很好地顯示。CSS提供了一些屬性和媒體查詢來控制頁面在不同分辨率下的布局和樣式。

分辨率

/* 設置頁面中所有圖片的分辨率為72dpi */
img {
resolution: 72dpi;
}

分辨率是測量設備中像素密度的指標。在不同的設備上，分辨率不同，例如桌面顯示器的分辨率一般為72dpi，而手機屏幕的分辨率則普遍高于300dpi。

媒體查詢

/* 當屏幕寬度小于等于768px時，修改body背景色 */
@media screen and (max-width:768px) {
body {
background-color: #f0f0f0;
}
}

媒體查詢是CSS中的一種語法，可以根據不同的媒介類型和屬性值，針對不同的屏幕設備實現不同的CSS樣式。我們可以使用媒體查詢來判斷屏幕的寬度、高度、像素密度等信息，從而實現不同屏幕下的布局和樣式。

當然，我們在進行媒體查詢時，需要慎重考慮不同屏幕設備的尺寸和顯示情況。例如，在進行移動端頁面開發時，我們需要考慮到不同尺寸的手機屏幕，以及不同屏幕下的布局和樣式調整。