cuốn sách gpt4 ai đã làm

css - chrome 中的边框问题

In lại Tác giả: Walker 123 更新时间:2023-11-28 08:41:10 27 4
mua khóa gpt4 Nike

我在响应式大小的 div 周围有固定边框时遇到问题。此问题仅发生在 Chrome 中。

我很难在 JSFiddle 中重现它,但我实际上是在尝试将一个 div 置于另一个(位于我页面某处)的中心,并且居中的 div 周围有一个漂亮的 1px 边框。这两个元素的LESS如下:

.popup {
hiển thị: khối nội tuyến;
height: 93%; width: 30%;
margin-right: 7%;
margin-left: -3%;
vị trí: tương đối;

.text {
kích thước hộp: hộp viền;
width: 100%; height: 50%;
đường viền: màu đen đặc 1px;
padding: 0 5%;
vị trí: tuyệt đối;
top: 50%; left: 50%;
.translate(-50%, -50%); # Some LESS that is just a translate call
màu sắc: đen;
font-size: 18px;
}
}

这是我看到的,随着屏幕尺寸的变化而变化(有时是正确的,有时不同的边框丢失/不正确):

Borders missing! Borders are inconsistent

编辑:添加了相关的 HTML。


...Other stuff...

...Other stuff...

C++ (Circle dials you see)


Java (Next dial)





容器中有更多内容,显示的 DOM 级别中的内容也有更多内容。但是,container 中的其他元素都在页面上各自的 block 中(不重叠),content 中的元素也是如此。分割 div 包含您可以在屏幕截图中看到的拨号盘和弹出窗口。这个想法是,当我将鼠标悬停在“ block ”或拨号盘上时,弹出窗口会显示在右侧,并在显示时将下一个拨号盘推过去。

câu trả lời hay nhất

当我缩放页面时,我发现了这样的边框问题 - 这可以解释为什么你只在 Chrome 中看到它并且只在一个域上看到它(你说你不能在 JSFiddle 中重现它)。

单击 Ctrl+0 或检查放大镜地址栏中是否有图标(当缩放级别不同于 100% 时显示)。

关于css - chrome 中的边框问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27809903/

27 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress