当前位置: 首页 > 知识库问答 >
问题:

javascript - 如何让浏览器缩放后px不出现小数点?

奚晟
2023-09-23

以思否为例

缩放100%时:
image.png

缩放90%时:
image.png

有没有方法让浏览器的px为整数,不出现这种小数点的形式?

共有3个答案

乐正乐湛
2023-09-23

喵喵?
你知道你在说什么吗?
哪个网站做项目的时候要考虑缩放的?
设计稿给的都是以 100% 的形式给你的

缩放和手动改定页面样式一样,算是 PS,
你PS搞坏的东西,
向作者去问责本来就是没有道理的事情 ...

虽然能处理,感觉没必要
https://www.cnblogs.com/obge/p/14074023.html

冯沛
2023-09-23

现代 CSS 新出了一个 round 函数可以避免这种情况发生,类似于四舍五入

width: round(2.2, 1); /* 2 */width: round(14.82, 1); /* 15 */width: round(5.5, 1); /* 6 */

可以参考 coco 的这篇文章:https://segmentfault.com/a/1190000044178027

党星鹏
2023-09-23

不行的, 这是浏览器根据百分比算出来的, 宽或高使用%做单位就会有这种结果, 使用具体的像素就不会, 不过具体显示时像素是最小单位不可能再分了, 至于会四舍五入, 还是五舍六入, 各个浏览器的行为以及同一个浏览器但不同属性的行为都是不一定的:

  1. 采用四舍五入解析的浏览器:IE8、IE9、Chrome、Firefox
  2. 采用直接取整解析的浏览器:IE7、Safari
  3. chrome下对于一个border的宽度会五舍六入
 类似资料:
  • 问题内容: 我需要在我的网站上创建2个按钮,以更改浏览器的缩放级别(+)(-)。由于图像尺寸和布局问题,我要求浏览器缩放而不是CSS缩放。 好吧,这有可能吗?我听到了相互矛盾的报道。 问题答案: 我会说在大多数浏览器中是不可能的,至少没有一些附加插件。在任何情况下,随着实现的变化,我都将尽量避免依赖浏览器的缩放(某些浏览器仅缩放字体,其他浏览器也缩放图像等)。除非您不太在乎用户体验。 如果需要更可

  • 问题内容: 如何在所有现代浏览器中检测页面缩放级别?尽管此线程说明了如何在IE7和IE8中执行此操作,但我找不到很好的跨浏览器解决方案。 Firefox存储页面缩放级别以供将来访问。在首页加载时,我能否获得缩放级别?当页面加载后发生缩放更改时,我在某处阅读过它可以工作。 有没有办法捕获事件? 我需要这样做,因为我的一些计算是基于像素的,并且缩放时它们可能会波动。 @tfl给定的修改样本 缩放时,此

  • 问题内容: 当用户更改页面缩放时,是否可以使用JavaScript检测?我只是想捕获一个“缩放”事件并对其进行响应(类似于window.onresize事件)。 谢谢。 问题答案: 无法主动检测是否有变焦。我在这里找到了如何尝试实现它的好方法。 我发现了两种检测缩放级别的方法。检测缩放级别变化的一种方法取决于不缩放百分比值的事实。百分比值是相对于视口宽度的,因此不受页面缩放的影响。如果您插入两个元

  • 问题内容: 您如何确定用户是否按下浏览器中的“后退”按钮? 您如何使用系统在单页Web应用程序内强制使用页内后退按钮? 到底为什么浏览器后退按钮不触发自己的事件!? 问题答案: (注意:根据Sharky的反馈,我提供了用于检测退格的代码) 因此,我经常在SO上看到这些问题,并且最近遇到了我自己控制后退按钮功能的问题。在为我的应用程序寻找最佳解决方案(带哈希导航的单页)几天后,我提出了一个简单的,跨

  • 问题内容: TL; DR; 上传之前,有没有一种方法可以直接在浏览器端压缩图像(主要是jpeg,png和gif)?我很确定JavaScript可以做到这一点,但是我找不到实现它的方法。 这是我要实现的完整方案: 用户访问我的网站,然后通过元素选择图片, 该图片是通过JavaScript检索的,我们进行了一些验证,例如正确的文件格式,最大文件大小等, 如果一切正常,则会在页面上显示图像的预览, 用户

  • > 如何在所有现代浏览器中检测页面缩放级别?虽然这个线程告诉如何在IE7和IE8中做到这一点,但我找不到一个好的跨浏览器解决方案。 Firefox存储页面缩放级别以备将来访问。在第一页加载,我可以得到缩放级别吗?在我读到的某个地方,当页面加载后发生缩放更改时,它起作用。 是否有方法捕获事件? 我需要这个,因为我的一些计算是基于像素的,他们可能波动时缩放。 @TFL给出的修改示例 当缩放时,此页会对