html - 将 PSD 切片为 HTML 以获得更多分辨率

Question

我有一个关于将 PSD 切片为 HTML 的问题。假设我有一个 1500x1000 像素的 PSD 文件，并且想要设计一个可以正确显示宽度为 1280 像素、1440 像素和 1600 像素的网站。我想为这三种分辨率编写图片中 500px 宽的侧边栏。我该如何正确地做到这一点？我想过像这样声明根变量：

:root{
    --var1: 1280/1500;
    --var2: 1440/1500;
    --var3: 1600/1500;
}

@media only screen and (max-width: 1280px){
    #sidebar{
        width: 500px*var(--var1);
    }
}

但我不确定这是否可行，甚至是正确的方法。这很好，还是有其他解决方案？

标签： htmlcsspsd