61,115
社区成员
发帖
与我相关
我的任务
分享发现一个很奇怪由win10缩放引起的父子div产生1px间隙的问题
现象是这样的，在我笔记本上，一个div嵌套一个div，父div设置了margin，子div设置了border，然后在父子之间就会莫名其妙的偶尔出现1px的空隙，所谓莫名其妙，是一来这个空隙不应该有，二来，这个空隙会因为margin的大小，时而出现在左边、上边，右边，下边，edge浏览器也一样，但是遨游、ie没有这个问题，而且网页如果缩放，有时候又没有问题。百度google都没有找到答案。后来发现在另外一台电脑上没有这个现象。最后发现，如果把win10显示中的缩放设置为100%，就没有问题，设置为125%，而浏览器缩放100%，就会出现。不知道其他人会不会这样，也不知道有没有人遇到过这样的问题，有没有解决办法。
代码很简单：
实际情况：在红色和灰色边框之间，左侧和上侧都有空隙
代码很简单：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
html,body{
height:100%;
margin:0;
padding: 0;
}
div{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div style="background-color: silver; margin: 5px;border: 5px solid red; padding: 0px;">
<div style="border: solid 3px gray; background-color: goldenrod; margin:0px;">
ss
</div>
</div>
</body>
</html>实际情况：在红色和灰色边框之间，左侧和上侧都有空隙
...全文
请发表友善的回复…
发表回复
