css - 缩放 - CSS 只是一些分辨率

Question

嗨，我有一个响应迅速的网站，但对于这个分辨率，该网站太大了：

800x600 1024x768 1280x600 1280x720 1280x768 1360x768 1366x768

所以，我把它放在了我的 CSS Additional on wordpress

.container{
    zoom:0.9
}    

但是我如何限制描述的分辨率？

标签： csswordpresszooming

Answer 1

我怀疑您正在寻找的是媒体查询，这是一个使用 @media 设置某些 CSS 属性的 CSS 规则，具体取决于设备的一般类型（例如打印与屏幕）或特定特征和参数（例如屏幕分辨率或浏览器）视口宽度）。

例如，对于最小宽度为 800 像素的浏览器，应用此样式：

@media only screen and (min-width: 800px) {
    .container{
        zoom:0.9
    }   
}