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

如何计算我的代码中的框大小?[副本]

嵇俊德
2023-03-14

我正在尝试HTML/CSS并尝试学习它们。但是我有一个关于计算盒子大小的小问题。

我试图理解他们使用px作为一个单位,所有的东西加起来,但当我切换到vh,大众,%一些不寻常的happerens,我不知道为什么。

所以,如果你能解释一下是怎么回事,我会很高兴的。

谢谢.

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="reset.css">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <div class="bir">
        <h1> Alper </h1>
    </div>
</body>

</html>
body {
    background-color: red;
}

.bir {
    background-color: pink;
    height: 20vh;
    font-size: 10vh;
}

.bir h1 {
    background-color: grey;
    padding: 5vh 0;
    width: 100vw;
}

如您所见,有一些溢出的

共有1个答案

南宫胡媚
2023-03-14

VH/VW是窗口尺寸的百分比,这在创建响应性设计时是最好的,因为它省去了为较小屏幕调整像素值的工作

vh=窗口高度的百分数。因此80VH=屏幕总高度的80%。

vw=窗口宽度的百分数。因此80vw=屏幕总宽度的80%。

%=父容器的百分比。因此高度:50%;将是父级高度的50%

 类似资料:
  • 下面是我的代码。我假设问题来自我的函数,可能涉及到一个字符串,其中应该有一个数字值,或者类似的性质。这是一个很新的东西,所以我不能很准确地确定是什么导致了NaN响应后,点击计算。谢谢你的帮助。

  • 问题内容: 我想确定索引的大小,它们是主键索引。这碰巧是在mysql集群上,但我认为这并不重要。 问题答案: 我认为这就是您要寻找的。 http://dev.mysql.com/doc/refman/5.1/zh-CN/show-table- status.html

  • 在深入研究CSS单元时,我遇到了参考像素的定义。然而,我无法找到一个关于它与CSS像素单元的关系的一致和全面的描述。我对这件事做了一些研究,但对我来说还是有点不清楚。 像素有两种不同的类型/定义: “设备像素”-显示器上的单个物理点。 和: CSS像素-与参考像素最匹配的单位。[1] 两个名字相同的平行概念绝对不能澄清混淆。我完全明白介绍第二个的目的,但我觉得它的命名有误导性。CSS像素被分类为绝

  • 我想编写一个具有重分区的大型数据帧,所以我想计算源数据帧的重分区数。 数据帧/default_blocksize的大小 所以请告诉我如何在spark scala中计算数据帧的大小 提前谢谢。

  • 问题内容: 我试图从Web服务中获取大量pdf链接,但我想为用户提供每个链接的文件大小。 有没有办法完成这项任务? 谢谢 问题答案: 使用HEAD请求,您可以执行以下操作:

  • 问题内容: 我想记录一个对象占用一个项目的内存量(以字节为单位)(我正在比较数据结构的大小),并且似乎没有方法可以在Java中完成。据说C / C ++有方法,但这在Java中不存在。我尝试在创建对象之前和之后记录JVM中的可用内存,然后记录差异,但是无论结构中元素的数量如何,它只会给出0或131304,并且两者之间什么都没有。请帮助! 问题答案: 你可以使用该软件包: http://docs.o