我设置了
手机上的字体看起来要比pc上看起来小1、2号,但是我看手机的分辨率还没有pc上的高(pc是1366*768
,手机是720*1280
),不知道是怎么回事,怎样让手机上的字体大小与pc上的一致呢?
自适应
涉及css像素,物理设备像素
你说的大小是什么大小?
如果你说的大小是指的物理大小,那么是不可能的。
只说一下涉及前端的像素的意义:一个显示器的物理大小是固定的(PC,手机,平板等),我们所说的屏幕分辩率是指把这个固定大小分成多少等份作为一个像素。对于PC来说,分辩率是1366*768
的意思是说,把屏幕横向分为1366等份,其中一份的宽度是一个像素的。所以一个标签额宽度设为1366px
那么他的宽度就是占满整个屏幕宽度的意思(不考虑浏览器框架占的宽度)。但是PC屏幕的分辩率也也可以设为800*600
那么1366px
的标签会超出一个屏幕(对浏览器来说是会出现滚动条)。
所以说,一个字体看起来的大小不仅仅与你设置的大小有关,而且与设备的实际尺寸和设置的屏幕分辩率有关。一个元素的物理大小=设置的大小(px)/屏幕分辩率*显示器实际的尺寸
。而 PC 的分辩率也是可以更改的,虽说手机的不能更改,但是不同牌子的手机的1/屏幕分辩率*显示器实际的尺寸
大小也不一样的。