如何让鼠标滚轮实现页面内容的放大和缩小?

如果想让网页内容缩小,操作也是一样的道理。首先按住键盘上的CTRL键,然后将鼠标滚轮向后滚动,页面上的元素就会相应地变小。

评论 (2)

这就完了?Ctrl+滚轮是全局缩放,会影响导航栏和侧边栏的布局,很多开发者其实更希望只缩放内容区域。建议配合CSS的transform或zoom属性,或者监听wheel事件用JS动态修改字体大小,这样体验才更专业。

这个方法确实简单实用,很多新手可能都不知道Ctrl+滚轮还能缩放。不过补充一点,如果是macOS系统,通常是用Command键配合滚轮,或者直接在浏览器设置里开启“使用平滑缩放”会更顺手。