ps设计字体大小在手机上查看不一样。例:ps设计28px,在手机上查看并截图放在ps比较只有24px,所有字体一样

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>Title</title>
    <style type="text/css">
        p{font-family: 微软雅黑}
    </style>
</head>
<body>

<p style="font-size: 12px;">关注</p>
<p style="font-size: 14px;">关注</p>
<p style="font-size: 16px;">关注</p>

</body>
</html>

设置的字体在手机上查看并截图放在ps里比较同等字号字体,发现要小4个像素
image.png

问题出现的环境背景及自己尝试过哪些方法

各种单位都试过,各种适配方式也试过,都发现要小一点

相关代码

粘贴代码文本(请勿用截图)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 3.3k
2 个回答

1.电脑分辨率与手机分辨率不一样
2.不同型号、品牌的手机分辨率也不一样,因为屏幕的不同
3.就是因为屏幕上面原因我们做手机网页、小程序时不回使用px作为单位,网页通常采用百分比、rem、em为单位,小程序使用rpx,百分比,使用rem,em这些单位需要自己添加适配方案,你可以百度css移动端适配方案

不可能一样,应为像素比和尺寸的问题,在手机上,px和实际尺寸(厘米或者英寸)没有一个定性的比例,比如苹果6的375px就比一些安卓的375px要窄很多;只要做到相对于页面比例合适就好,不要跟电脑上比大小,没有意义。
https://segmentfault.com/a/11...

推荐问题
宣传栏