移动端字体当使用px进行设置时,其视觉上的大小主要取决于两方面的因素:1、机器硬件本身的虚拟像素比(可以通过window.devicePixelRatio进行获取)。2、屏幕的当前的缩放比例(可以通过widow.visualViewPort.scale获取)。当设置成50px时,在视觉上会有一层转化,会乘虚拟像素比,再乘缩放比例,才是最终的视觉效果,比如当前的虚拟像素比为2,scale为1的话,那么此时50px的效果为50 * 2 * 1=100px的成像效果。虚拟像素比window.devicePixelRatio由机器本身决定,是从硬件本身获取的,window.visualViewport是浏览器内核根据最优策略设置的,不能直接设置其原始值。
移动端字体当使用px进行设置时,其视觉上的大小主要取决于两方面的因素:
1、机器硬件本身的虚拟像素比(可以通过window.devicePixelRatio进行获取)。
2、屏幕的当前的缩放比例(可以通过widow.visualViewPort.scale获取)。
当设置成50px时,在视觉上会有一层转化,会乘虚拟像素比,再乘缩放比例,才是最终的视觉效果,比如当前的虚拟像素比为2,scale为1的话,那么此时50px的效果为50 * 2 * 1=100px的成像效果。
虚拟像素比window.devicePixelRatio由机器本身决定,是从硬件本身获取的,window.visualViewport是浏览器内核根据最优策略设置的,不能直接设置其原始值。