在将作为photoshop文件提供的网页设计转换为html + css时,我对字体大小感到困惑。如下图所示,在其他Windows程序(Mac或其他不同的?)或浏览器中,30 px的photoshop不等于30像素。这似乎不受创建不同于72的分辨率的photoshop图像的影响,这是默认的,并且不受pt和px之间的单位变化的影响。任何人都可以暗示如何设置photoshop使用浏览器px单位?

有帮助吗?

解决方案

绘画文档中的字体大小是指点,而不是像素。将photoshop中的字体大小更改为30pt,它们应该是相同的大小。

一个点是1/72英寸,等效像素可能取决于显示器的DPI。在96 DPI 30pt * 1in / 72pt * 96DPI(我的屏幕分辨率)是40px。将像素转换为点向后工作,因此30px * 1in / 96px * 72pt / 1in = 22.5pt。

因此,将绘画文字大小更改为22.5,它们应匹配。

其他提示

将其设置为96 dpi。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top