当前位置: 首页 > 知识库问答 >
问题:

前端 - 为什么div边框在普通视图下缩短,全屏时正常?

岑光熙
2024-09-05

全屏前(错误显示)全屏后(正常显示)

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

给div设置了css样式,但是显示不正常,一打开页面这个边框会向左缩短,只有按f11进入全屏模式之后才会正常显示,不知道为什么会这样,进入全屏之后即使退出全屏显示也是正常的,只有刷新进入这个页面显示异常,div里面的内容位置是正常的就是边框不对。

反复修改了css代码,但依然显示不正常,希望解决这个问题。

共有1个答案

劳韬
2024-09-05

没有100%显示时开F12检查就能发现问题在哪里了,是否有其他的逻辑触发了盒子宽度的变化,是否存在其他的隐藏元素或是其他样式导致挤压导致宽度不是100%

 类似资料:
  • 我想有一个div,是全屏幕的移动查看端口有一个边界三角形,我已经这样做了桌面屏幕在工程中,但当我应用相同的属性和调整的数字,我确实得到了一些接近我想要的 下面是HTML,这里有一个代码笔 一个有效的是UL的tri类,这将在桌面屏幕上工作,我现在用内联可见性隐藏了它:隐藏 以下是两种情况下的相应样式 我使用的是引导导航,我覆盖了导航栏折叠这样的响应风格,因为我不需要它们。 要查看的类是我用于全屏的类

  • 问题内容: 是否有仅css的解决方案将图像缩放到边框(保持纵横比)?如果图像大于容器,则此方法有效: 问题答案: 不,没有唯一的CSS双向方式可以做到这一点。您可以添加 对于一个元素,使其始终具有100%的宽度,并自动将其高度缩放为长宽比, 或 反之: 始终缩放到最大高度和相对宽度。为此,您需要确定纵横比是高于还是低于容器,而CSS无法做到这一点。 原因是CSS不知道页面的外观。它会预先设置规则,

  • 问题内容: 我需要一个div的全高,我目前正在使用 -返回元素的高度,包括边框和填充(如果有),但不包括边距 但是div中的一个嵌套元素具有的,因此我得到了错误的度量。我试图与没有成功。 如何在JavaScript中获取元素(div)的完整高度(边框,边距,边距)? 如果没有其他办法,我可以使用jQuery。 问题答案: 如果可以使用jQuery: 对于香草javascript,您需要编写更多内容

  • 问题内容: 我做了一个将我的JFrame设置为全屏的JButton: 这是JFrame: 为什么当我运行游戏并全屏选择JButton时,JPanel渲染不正确? 我的意思是说,在我的黑色背景上有一个很大的灰色JPanel,没有JButton呈现。 问题答案: 问题是您正在创建多个不同的实例,但您完全不知道屏幕上实际可见哪个实例。 ,创建实例和调用,它创建的实例,以及......别急,我们,为什么我

  • 下面是一个div块: 我用html2canvas把这个div生成了图片,然后用jspdf把图片保存成pdf格式。 现在的问题是html2canvas把div生成图片时DIV里面的图片没有显示,这图片是需要单独处理吗?有遇到过这问题的没? 下面是代码: