Photoshop pt 和 css 像素

Posted

技术标签:

【中文标题】Photoshop pt 和 css 像素【英文标题】:Photoshop pt and css px 【发布时间】:2015-08-11 22:37:57 【问题描述】:

我正在使用 Photoshop cc (14.2.1)。我在 Photoshop 中有一个模型,其字体为 14px。我将浏览器中的字体设置为相同,相同大小为 14px,但在浏览器中字体更小。任何想法为什么会这样?

【问题讨论】:

14pt 不等于 14px 。阅读this 你检查过那个dpi吗?? 不,我没有检查 dpi,但为什么? 【参考方案1】:

Photoshop方法

转到 Photoshop> 编辑> 首选项> 常规> 单位和标尺 [或按 ctrl + k 然后选择单位和标尺]

根据您的意愿更改单位。 选择:标尺作为像素。 输入为像素。

这将为您提供以像素为单位的字体大小。

替代方法: 使用此转换表将单位转换为像素 http://reeddesign.co.uk/test/points-pixels.html

或使用此链接

http://www.endmemo.com/sconvert/pixelpoint.php

【讨论】:

我已经选择标尺作为像素,但字体大小永远不会改变。 14pt font-size 显示 14px 。但是浏览器字体更小。 选择标尺和像素类型。类型更重要。

以上是关于Photoshop pt 和 css 像素的主要内容,如果未能解决你的问题,请参考以下文章

iOS 字体规范和多屏适配

ptpx和em

px 与 pt

ReactNative适配探讨

像素(px)到底是个什么单位

移动web学习笔记