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

来源：15-4 浏览器缩放时锁定屏幕宽高比功能开发

慕丝8487387

2021-03-11

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

写回答

1回答

扬_灵

2021-03-11

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

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

慕粉1158357197

慕丝8487387

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

2021-07-06

共2条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

数据大屏为什么要固定宽高比？

回答 2

窗口resize时缩放的这个组件的功能，不是相当于禁用缩放吗？

回答 1

固定宽高比

回答 1

关于锁定宽高比

回答 1

关于屏幕撑满的问题？

回答 1

打开慕课网App查看更多内容