css 查询电脑缩放比例 |css中的a标签居中显示

var scale = window.devicePixelRatio;
console.log(scale);

上面的代码使用了window.devicePixelRatio属性来获取当前设备的缩放比例，并且将它输出到控制台。这个属性返回的是设备实际像素分辨率与CSS像素分辨率之间的比值。

在实际应用中，大家可以使用这个属性来优化页面的显示效果。当设备的缩放比例不为1时，大家可以针对不同的缩放比例设置不同的样式。比如，当缩放比例为2时，大家可以使用更高清晰度的图片，以达到更好的视觉效果。

结合CSS的媒体查询，大家可以为不同的设备设置不同的样式，以达到更好的用户体验。

/* 针对缩放比例为2的设备，使用2倍的图片 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 568px) {
.logo {
background-image: url(2x-logo.png);
background-size: cover;
}
}

通过上面的代码，大家可以为缩放比例为2的设备设置更高清晰度的图片，并且保持背景图片的尺寸不变，以达到更好的视觉效果。