css - 放大/缩小响应式案例

Question

例如，我有一个按钮。我可以通过两种方式设置宽度和高度：

<button></button>

选项1：

width:30px;
height:30px;

选项 2：

width:10vw;
height:10vh;

如果我缩放选项 1 - 元素实际上会比我设置的更大或更小。如果我缩放选项 2-什么都不会改变，它是永久的。

在这个网站上，至少看起来只有“相机”放大并且元素的大小不会改变。就像我看起来更近，但没有什么真正改变。请以“开始”按钮为例。 https://www.wix.com/

如何像本网站一样设置按钮（或任何其他元素）？（不改变元素大小的相机缩放效果）

谢谢你的帮助 ！

编辑：

角落中的左上角按钮设置为 px 高度和宽度。 https://i.imagesup.co/images2/daa9de845d2e0a90c9a224e7326127a4e5df195b.png

放大 200%： https ://i.imagesup.co/images2/1ea4e157249ded7413e6f00e98da3ef7bccd94fb.png

它逐渐变大

标签： css