css不同分辨率调试大小

众所周知，不同设备有不同的分辨率，为了确保网站在各种设备上的完美展示，我们需要对CSS进行一些调试。

首先，我们需要了解不同分辨率下网页元素的大小。基本上，可以将不同分辨率的设备分为三类：

- 小屏幕设备：分辨率小于768px；
- 中等屏幕设备：分辨率在768px~992px之间；
- 大屏幕设备：分辨率大于992px。 

接下来，我们就可以根据不同屏幕大小进行相应的调整。

针对小屏幕设备，我们可以采用“相对大小”来保证元素更加贴合。例如：

p {
    font-size: 16px;
}

img {
    max-width: 100%;
    height: auto;
} 

对于中等和大屏幕设备，我们可以采用“固定大小”来确保元素的稳定表现。例如：

header {
    width: 100%;
    height: 60px;
}

.container {
    width: 960px;
    margin: 0 auto;
} 

当然，以上只是一些基本的调整方法，具体还需要根据实际情况进行进一步的调整。

总之，CSS调试大小是一个细致的工作，需要耐心和细心。只有在严谨的调试下，我们才能保证网页的完美呈现。