我制作了一個影像查看器應用程式，它只是使用覆盆子將影像發送到電視，然后通過 HDMI 在連接的螢屏上顯示它。顯示軟體是Chrome，但我有一個小問題：
有一個非常小的 4px 區域，我必須裁剪影像的底部才能看不到滾動條。
示例：螢屏解析度為 1024 x 768
- 在全屏模式下使用 1024 x 768 圖片創建一個垂直的 scollbar
- 將 y 像素減少 4 (1024 x 764) 會使滾動條消失，但在 Chrome for Linux 全屏模式下在我的影像下方顯示一個白色邊框。
我沒有任何花哨的 css 或 html 代碼：
let content = document.getElementById("content");
let ImageDiv = document.createElement("IMG");
ImageDiv.src = pic.file
content.appendChild(ImageDiv);
只有很少的css：
body {
margin: 0;
}
擺脫邊框和滾動條的最佳方法是什么？
編輯：
https://jsfiddle.net/jLv74co6/1/
最小的例子。不確定它是否有幫助，因為問題可能與 chrome linux 版本有關。
uj5u.com熱心網友回復：
::-webkit-scrollbar {
width: 0;
height: 0;
}
body {
scrollbar-width: none;
}
img {
display: block;
}
前兩個塊去掉了大多數瀏覽器（所有現代瀏覽器）上的滾動條，顯示塊去掉了影像的底部白色邊框
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/357764.html