我有一个页面,其中包含一个由 <div>
元素组成的轮盘,当你点击按钮时整个轮盘会旋转。
我使用 CSS 变换实现了这个效果,它是绝对的。然而,轮盘非常大,在我的高清显示器上看起来很好,但小屏幕会被裁剪掉边缘。我不能像普通布局那样使用百分比宽度,我需要以与大多数浏览器缩放功能相同的方式缩小整个页面。
我知道 ctr+鼠标滚轮可以缩小页面,以便我可以看到整个页面,但我不能指望别人这样做。
我知道我可以在包装 div 上使用 -browser-transform: scale(amt);
来获得想要的效果,但我无法找到一种动态实现的方法。如果我将比例设置为 0.5,则无论屏幕大小如何,它都将是 0.5。我希望轮盘的边缘距离屏幕边缘只有几个像素。我知道可以使用媒体查询来解决问题,但结果可能不够理想,或者需要太多不同的查询。必须有一种方法可以通过编程修改 -browser-transform: scale(amt);
,或者其他一些方法来获得有限的控制。
有什么想法吗?
amt
吗? - Robin Maben