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

golang学习网今天将给大家带来《Div边框为何在普通视图下缩短，全屏模式下恢复正常？》，感兴趣的朋友请继续看下去吧！以下内容将会涉及到等等知识点，如果你是正在学习文章或者已经是大佬级别了，都非常欢迎也希望大家都能给我建议评论哈~希望能帮助到大家！

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

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

问题分析：

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

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

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

解决方案：

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

其他可能的因素：

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

今天关于《Div边框为何在普通视图下缩短，全屏模式下恢复正常？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！