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

前端 - 为什么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呈现。 问题答案: 问题是您正在创建多个不同的实例,但您完全不知道屏幕上实际可见哪个实例。 ,创建实例和调用,它创建的实例,以及......别急,我们,为什么我

  • 问题内容: 我需要严格控制Postgres数据的读写。可更新的视图始终能够很好,严格地控制我的数据读取,并允许我添加有价值的计算列。在Postgres 9.5中,行级安全性引入了一种新的强大的方法来控制我的数据。但是我不能同时使用两种技术视图和行级安全性。为什么? 问题答案: 基本上是因为不可能追溯更改视图的工作方式。我希望能够支持(或等效)视图,但是据我所知,目前尚不存在这样的功能。 您可以使用

  • 问题内容: 我有一个元素,我想在上面加一个边框。我知道我可以写,但是这会在div的任何一侧增加2px,这不是我想要的。 我宁愿此边框距div的边缘为-1px。div本身是100px x 100px,如果我添加边框,则必须做一些数学运算才能使边框出现。 有什么方法可以使边框出现,并确保框仍为100px(包括边框)? 问题答案: 将属性设置为: