页面缩放功能演示

100%

页面缩放功能说明

此页面演示了如何实现页面缩放功能。点击右上角的放大(+)和缩小(-)按钮可以调整整个页面的显示比例。

缩放比例会保存在浏览器中,下次访问时自动应用您的偏好设置。缩放提示会固定在右下角,不受页面缩放影响。

放大功能

点击"+"按钮,页面内容将放大10%。最大可放大至150%。

缩小功能

点击"-"按钮,页面内容将缩小10%。最小可缩小至50%。

暗亮模式

使用右侧的开关可以在亮色和暗色主题之间切换。

此功能使用CSS transform属性实现,确保缩放后页面布局仍然保持响应式。缩放提示使用固定定位,始终显示在右下角。

页面已缩放至 100%