gpt4 book ai didi

css - 匹配 photoshop 像素大小和 css 渲染像素大小的技巧

转载 作者:行者123 更新时间:2023-11-28 10:16:36 25 4
gpt4 key购买 nike

检查了不同的站点,但没有明确的答案。每次我在 photoshop 中获得新设计时,我都会尝试将像素大小与我的 CSS 代码相匹配。然后浏览器呈现的大小与我在 photoshop 文件中看到的完全不同。我总是得到所有分辨率为 72pp 的文件。

是否有技巧可以使 photoshop 的像素大小与渲染后的 CSS 像素大小匹配?

作为一个视觉示例...

相同的排版,在本例中为 google 字体排版。

两者的值都是18px

Photoshop: enter image description here

CSS 渲染: enter image description here

最佳答案

我不知道,伙计。我毫无问题地将我所有的 psd 完美地翻译成 css。

始终使用 72dpi 图像并确保在首选项 > 单位和规则 > 单位中将“标尺”和“类型”标记为像素

关于css - 匹配 photoshop 像素大小和 css 渲染像素大小的技巧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22834082/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com