如何在视频框架中修复毫无意义的空白？

Question

Closed. This question needs debugging details. It is not currently accepting answers.

---

编辑问题以包括所需的行为，特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答这个问题。

闭合 2年前。

Answer 1

您正在看到一种边缘效果，其中系统正在努力将CSS像素与多个屏幕像素匹配，该屏幕像素在现代显示器上构成了一个CSS像素。

如果将视频的背景与边框相同的着色，它将“填补”小空白。

background-color: rgba(255, 181, 147, 0.814);

Answer 2

将border-width设置为偶数号码，因此，不要以此为代替：

#video_1 {
    /* ... */
    border-radius: 15px;
    border-style: solid;
    border-width: 5px;
    /* ... */
}

使用4px而不是5px：：

#video_1 {
    /* ... */
    border-radius: 15px;
    border-style: solid;
    /* like this */
    border-width: 4px;
    /* ... */
}