分辨率
/* 设置页面中所有图片的分辨率为72dpi */
img {
resolution: 72dpi;
}分辨率是测量设备中像素密度的指标。在不同的设备上，分辨率不同，例如桌面显示器的分辨率一般为72dpi，而手机屏幕的分辨率则普遍高于300dpi。
媒体查询
/* 当屏幕宽度小于等于768px时，修改body背景色 */
@media screen and (max-width:768px) {
body {
background-color: #f0f0f0;
}
}媒体查询是CSS中的一种语法，可以根据不同的媒介类型和属性值，针对不同的屏幕设备实现不同的CSS样式。大家可以使用媒体查询来判断屏幕的宽度、高度、像素密度等信息，从而实现不同屏幕下的布局和样式。
当然，大家在进行媒体查询时，需要慎重考虑不同屏幕设备的尺寸和显示情况。例如，在进行移动端页面开发时，大家需要考虑到不同尺寸的手机屏幕，以及不同屏幕下的布局和样式调整。