I have a div with fixed height and width of 24px with a background image, but the browser is cropping off 0.1 pixels...
div {
width: 24px;
height: 24px;
background: url(svg);
}
Upon inspecting the computed styles, I noticed that the height is actually 23.9915px (see attached image).
Why does this happen? Is it related to aliasing or smoothing? Can someone provide guidance on how to address these issues?
https://i.sstatic.net/NIeKH.png https://i.sstatic.net/Z93fN.png