Javascript 使浏览器缩放有效视口
我想要的是将Javascript 使浏览器缩放有效视口,javascript,css,html,Javascript,Css,Html,我想要的是将设置为100%宽度和高度(或视口宽度/高度),但当用户通过在移动设备上挤压或桌面浏览器上的多种方法进行缩放时,我希望视口随缩放而缩放。因此,当主体过去是视口的大小时,如果放大2倍,我希望视口大2倍 一个可能的解决方案是在加载时用javascript测量视口,然后将body设置为这些维度,然后它将按照我希望的方式缩放。然后,我可以在视口大小调整中添加更多挂钩,以使其显示正确的大小,但如果有css/html解决方案,即使它不一定适用于所有浏览器,也会更好。您可以查看vw&vhunit@u
设置为100%宽度和高度(或视口宽度/高度),但当用户通过在移动设备上挤压或桌面浏览器上的多种方法进行缩放时,我希望视口随缩放而缩放。因此,当主体过去是视口的大小时,如果放大2倍,我希望视口大2倍
一个可能的解决方案是在加载时用javascript测量视口,然后将body设置为这些维度,然后它将按照我希望的方式缩放。然后,我可以在视口大小调整中添加更多挂钩,以使其显示正确的大小,但如果有css/html解决方案,即使它不一定适用于所有浏览器,也会更好。您可以查看vw&vhunit@user2181397是的,不幸的是,这和100%宽度有同样的问题。如果缩放,则单位的比例为。带有100vw的div始终是屏幕/窗口的大小,与缩放无关。至少,在我与之交互的所有浏览器上都是如此。