Question

当您放大页面时，页面上元素周围的边框高度会改变高度。边界定义为1px。我看到Chrome和IE上的调整大小问题，但不是Firefox。这个问题的根源是什么？相关的CSS在下面。

.highlightHeader{
    border-bottom-color: rgb(184, 34, 46);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: rgb(184, 34, 46);
    border-top-style: solid;
    border-top-width: 1px;
}

Answer 1

放大/缩小（使用Ctrl + / Ctrl-）不是HTML规范的一部分。这是浏览器制造商开发的内容，允许用户更大/更小的内容，以提高页面布局的可读性或鸟瞰视图，同时放弃像素完美的细节。

执行此操作时，内容大小会发生变化，每个浏览器都会尽力保持原始方面与原始方面接近，但会进行缩放。每个人如何做到这一点是不可控制的。这是网页/应用无法访问的级别。

当客户告诉您他们希望缩放的页面与未缩放的页面的设计相匹配时，请向他们显示门并说：

“让我告诉你门。当你靠近它时，旋钮看起来更大。当你靠近门时，你要求我保持旋钮的表观尺寸固定。请得到尽可能靠近门。你知道怎么用吗？“

如果您想为您的应用/页面创建自定义缩放机制，那么这是完全可能的，您可以指定要更改的元素/属性以及保持不变的元素/属性。但这并不会阻止人们使用本机浏览器缩放控件（如上所述），并且您无法控制浏览器在页面缩放时呈现页面内容的方式。它是从文档（页面）外部完成的，这是你的控件结束的地方。

放大时边框高度会更改像素大小

1 个答案: