问：所以我试图使这个媒体查询工作，但似乎没有工作
@media屏幕和（device-width：360px）和（device-height：597px）和（-webkit-device-pixel-ratio：3）{#main {padding-left：50px; 左边距：150px; }
页脚{
宽度：1419px;
}
答：您可以精确地确定设备的确切宽度和高度，而不是范围：
@媒体 屏幕 和 （设备宽度： 360px ） 和 （设备高度： 597px ）
因此，您的媒体查询只会以您提供的确切尺寸为准：宽度和高度为360x597px的设备。
试试这个：
@媒体 屏幕 和 （最小设备宽度： 360px ） 和 （最小设备高度： 597px ）
或者
@媒体 屏幕 和 （最大设备宽度： 360px ） 和 （最大设备高度： 597px ）
