正在尝试将Photoshop字体大小转换为CSS

我最近收到了一个为iPhone X设计的Photoshop模型，分辨率是1125px X 2436px@72ppi。我正在尝试将其转换为CSS，并从字体开始

例如，我的模型的标题文本是60pt/px。当我使用这个作为CSS字体大小时，它太大了。我尝试在Photoshop中将图像大小更改为1125x2436@458ppi，希望它能纠正字体大小，但字体大小实际上没有改变，这让我很困惑

有人能告诉我这里缺少什么吗

---

通常，在执行此操作时，我不会使用psd中给出的确切字体大小，因为它们总是稍微偏离，并且不会考虑动态页面和容器大小。相反，选择psd的最小字体大小，并将其设置为body标记中整个页面的默认字体大小。然后根据它们在psd中的相对大小，将其他所有与之相关的内容（在em中，而不是在px中）。通过这种方式，您可以使用大致的字体大小完成页面的其余部分，然后稍后返回，并将单个字体大小调整为与psd中遇到的最相似的大小。

尝试使用px指定字体大小，您可以在此处将字体转换为px和em

---

您可以从mokeup中选择文本层。右键点击这个文本层，你会看到几个选项，但你需要点击“复制CSS”。然后，您的文本将转换为CSS。 例如：

Python_vs_PHP {

font-size: 56px;

font-family: "Montserrat";

color: rgb(0, 0, 0);

font-weight: bold;

line-height: 1.2;

position: absolute;

left: 307.359px;

top: 51.801px;

z-index: 7;
}

---

iPhoneX的比例因子为3。因此，您可能会发现将这些值除以3将得到您想要的结果。也许会有帮助。你的评论实际上是最接近我的。我能够将所有内容缩小3倍。不幸的是，这是基于PSD的大小。在CSS中使用这些值时，字体大小太大。