gpt4 book ai didi

html - 如果我缩放页面,边框大小会改变

转载 作者:行者123 更新时间:2023-11-28 16:08:38 26 4
gpt4 key购买 nike

伙计们,我就是无法理解......

我已经设置:

border: 2px solid #646464;

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

怎么可能????

查看 jsfiddle 并更改缩放比例

http://jsfiddle.net/00zv3zLy/

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

enter image description here

不一样

enter image description here

是一样的

我认为:当您缩放页面尺寸时,它会以相同的比例变化。如果 100 像素的 div 变为 50 像素,则 200 像素到 100 像素的跨度变为。这里边框的大小不符合这个比例!

最佳答案

Chrome 更擅长子像素渲染,所以这个问题通常不会被观察到,但许多浏览器会将事物四舍五入到整数像素,这会导致与这个类似的问题。

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

关于html - 如果我缩放页面,边框大小会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33769989/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com