<!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个像素
问题出现的环境背景及自己尝试过哪些方法
各种单位都试过,各种适配方式也试过,都发现要小一点
相关代码
粘贴代码文本(请勿用截图)
1.电脑分辨率与手机分辨率不一样
2.不同型号、品牌的手机分辨率也不一样,因为屏幕的不同
3.就是因为屏幕上面原因我们做手机网页、小程序时不回使用px作为单位,网页通常采用百分比、rem、em为单位,小程序使用rpx,百分比,使用rem,em这些单位需要自己添加适配方案,你可以百度css移动端适配方案