【问题标题】:border size change if i zoom the page如果我缩放页面,边框大小会发生变化
【发布时间】:2015-11-18 09:49:29
【问题描述】:

我只是无法理解的家伙......

我已经设置了:

border: 2px solid #646464;

2px 但并非总是如此,实际上根据页面缩放,范围从 1.4px 到 2px ... 但是我没有修改边框大小的js代码...

怎么可能????

查看 jsfiddle 并更改缩放

http://jsfiddle.net/00zv3zLy/

“登录”框的高度和搜索栏所在的框的高度应该是一样的......但是当改变缩放时它不一样(因为搜索栏的边框大小改变了)......

不一样

是一样的

我认为:当您缩放页面大小时,会以相同的比例变化。如果一个 div 100 px 变成 50px,那么 200px 到 100px 的跨度就变成了。 HERE边框的大小不遵守这个比例!

【问题讨论】:

  • 说真的???所以我发布图片
  • 现在删除反对票,谢谢!
  • @Jonathan 但是比例不应该相等?
  • 这只是您的浏览器和 AFAIK 造成的伪影,您对此无能为力。小提琴使用 chrome 可以正常工作,但在 safari 测试时存在边界不平等(与 OP 描述的不同)。所以我猜你只能把它当作浏览器故障。
  • 所有浏览器都使用不同的渲染引擎,并且随着时间的推移它们一直在改进。你使用的是什么浏览器?是的,如果你缩小得足够远,边框就会变得很小,因为其他所有东西都会变得很小。

标签: html css


【解决方案1】:

Chrome 在亚像素渲染方面表现更好,因此通常不会观察到该问题,但许多浏览器会将事物四舍五入到整数像素,这会导致与此类似的问题。

当你的边框是 2 像素并且你缩放 0.7 时,你会得到 1.4 像素,并且可能会被某些浏览器四舍五入到 1 像素(考虑到元素的两侧会占用 0.8 像素)。当周围有很多舍入堆积(例如填充、边距、高度等)时,您可能会丢失 2px 到 4px 的总和,这可能非常重要。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-31
    • 1970-01-01
    相关资源
    最近更新 更多