css - 手机上（安卓）的字体看起来比pc上的小是怎么回事？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

css - 手机上（安卓）的字体看起来比pc上的小是怎么回事？

高洛峰 2017-04-17 11:51:10

[HTML讨论组]

481

我设置了

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

手机上的字体看起来要比pc上看起来小1、2号，但是我看手机的分辨率还没有pc上的高(pc是1366*768，手机是720*1280)，不知道是怎么回事，怎样让手机上的字体大小与pc上的一致呢？

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(2)

天蓬老师2017-04-17 11:53:10 2楼

你说的大小是什么大小？

如果你说的大小是指的物理大小，那么是不可能的。
只说一下涉及前端的像素的意义：一个显示器的物理大小是固定的（PC，手机，平板等），我们所说的屏幕分辩率是指把这个固定大小分成多少等份作为一个像素。对于PC来说，分辩率是1366*768的意思是说，把屏幕横向分为1366等份，其中一份的宽度是一个像素的。所以一个标签额宽度设为1366px那么他的宽度就是占满整个屏幕宽度的意思(不考虑浏览器框架占的宽度)。但是PC屏幕的分辩率也也可以设为800*600那么1366px的标签会超出一个屏幕(对浏览器来说是会出现滚动条)。
所以说，一个字体看起来的大小不仅仅与你设置的大小有关，而且与设备的实际尺寸和设置的屏幕分辩率有关。一个元素的物理大小=设置的大小(px)/屏幕分辩率*显示器实际的尺寸。而 PC 的分辩率也是可以更改的，虽说手机的不能更改，但是不同牌子的手机的1/屏幕分辩率*显示器实际的尺寸 大小也不一样的。

赞 +0

添加回复

黄舟2017-04-17 11:53:10 1楼

自适应

涉及css像素，物理设备像素

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>