无论如何，对于 Internet Explorer 和 Microsoft Edge 浏览器，图像周围是否有一致的边框？在不同的断点处(如果放大和缩小)，边框显示的特定边会有所不同。有时它在顶部和左侧显示边框，有时在顶部和右侧显示边框，等等。我希望它显示在所有断点的所有侧面。
我试过:
- 使用 CSS border 属性在
img标签周围放置边框 - 使用 CSS 边框属性将图像包裹在
div标签中
编辑:我尝试将边框更新为 2px，并且边框显示，但在某些断点处它以不一致的方式变大/变小 + 在某些断点处图像中有轻微的填充，。我相信 IE/Edge 中的某些东西会导致图像边框以不一致的方式改变边框粗细。
代码:
http://jsbin.com/befuqekofa/1/edit?html,output
#image{
border: solid 1px black;
}
#border {
width: 500px;
height: 500px;
border: solid 1px black;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<img id = "image" src="http://placehold.it/500x500">
<div id="border">
<img src="http://placehold.it/500x500">
</div>
</body>
</html>如有任何帮助，我们将不胜感激!
最佳答案
放大和缩小网页的问题是它总会有一些奇怪的伪影，我不确定你的问题。
如果您尝试设置断点 (@media)，为什么要放大和缩小页面？设备可能应用的缩放比例(具有更高像素 dpi 的屏幕)，它们有更好的绘图/渲染方式。所以也许，不，为了在 IE 和 Edge 上放大和缩小。我认为这就是它的呈现方式。但即使使用背景定位、 float 等...以及其他浏览器，您也会遇到这个问题。
如果你想要更好的缩放边框，这样它会随着缩放和断点而动态变化，你可以根据你的结构使用 em 或 rem。
希望这是有道理的， 干杯!
关于html - 有没有办法在 IE 和 Microsoft Edge 中的图像周围获得一致的边框，而不会出现随机部分消失？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39862448/