屏幕锁定宽高比原理不太理解

Question

currentWidth / realWidth 在对画布放大的时候currentWidth在进行放大，比例也在放大，字体的大小是如何保持不变的？

Answer 1

扬_灵 2021-03-11 17:42:45

同学你好，html中添加下面的代码后字体会随页面的变化而变化，你说的体的大小保持不变指的是css的字体样式显示和定义的一样吗？

1	<meta name="viewport" content="width=device-width, initial-scale=1.0">

   

• 提问者 慕丝8487387 #1

  是指ctrl + -的时候，设置了transform-scale的容器为什么能够保持字体大小保持原来设置的大小不变，而拖动浏览器改变尺寸的时候，就可以让字体大小随着浏览器尺寸的改变而改变，原理是什么？

• 慕粉1158357197 回复 提问者 慕丝8487387 #2

  使用ctrl + 其实是把浏览器的分辨率变小了，那么1px所对应的物理尺寸就会变大（自己查一下什么是DPI PPI），所以导致字体会变大，然后当我们动态进一步减少scale时，就相当于缩小，一增一减就是能保持不变。当拖动浏览器改变尺寸的大小的时候，并没有改变PPI，这时候字体不会放大，但是减小scale，现在只有减小，所以会随屏幕的大小而变化。