网页按屏幕大小整体拉伸缩放显示
这是 Vue3 版,查看 jQuery 版

改变窗口大小查看效果

window: {{windowSize}} (在 Chrome 的开发人员工具中,当窗口宽度小于 980 时,获取值永远为 980,但会以修正高度的方式保持宽高比,然而这并不会影响 scale 效果。不使用开发工具而直接改变浏览器大小的方式是正常的。)
design: {{designSize}}
scale({{(windowSize[0] / designSize[0]).toFixed(5)}}, {{(windowSize[1] / designSize[1]).toFixed(5)}})
变形程度:{{((windowSize[0] / designSize[0]) / (windowSize[1] / designSize[1])).toFixed(2)}}
iframe 也会伸缩:
拖动进度条查看底部映衬的未缩放前的尺寸(800x600)和位置