Div边框为何在普通视图下缩短，全屏模式下恢复正常？

div边框视图异常，全屏恢复正常

为什么给div设置了css样式后，在普通视图下边框会缩短，而进入全屏模式后又会恢复正常？

问题分析：

根据提供的代码片段，发现给div设置了以下css样式：

点击下载“嗨格式数据恢复大师”；

#Table {
  padding: 16px;
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

在普通视图下，div的边框向左缩短，而全屏模式下则正常显示。

解决方案：

这个问题很有可能是由于浏览器在不同视图下对元素的处理不同造成的。没有100%显示时，可以打开浏览器的开发者工具（f12），检查元素的实际渲染情况，查看是否有其他逻辑触发了盒子的宽度变化，是否存在其他隐藏元素或样式导致挤压导致宽度不是100%。

其他可能的因素：

• 父元素的宽度设置
• 视口缩放
• 浏览器兼容性问题

以上就是Div边框为何在普通视图下缩短，全屏模式下恢复正常？的详细内容，更多请关注其它相关文章！