当前位置: 首页 > 面试题库 >

CSS-百分比还是像素?

薛宏壮
2023-03-14
问题内容

我使用CSS已经有很多年了,我一直都是个“百分百”的人,因为我总是使用百分比而不是像素来定义高度和宽度(例如,在设置边距,填充等,在这种情况下,我使用像素)。

我会做这样的事情:

body{
    height: 99%;
    width: 99%;
    margin-top: 10px;
}

但是我经常看到这样的例子:

body{
    height: 300px;
    width: 250px;
    margin-top: 10px;
}

我的问题是:将一个 整体 与另一个 整体 相比有什么好处?


问题答案:

行动网页。%为此。因为它将(显然)调整为适合。

但是,当您想要固定宽度(例如,要以某种方式显示的文本文章)时,px是赢家。

两者彼此之间有很多加号和减号:)



 类似资料:
  • 问题内容: 我正在尝试使用自身百分比来调整img的大小。例如,我只想通过将图像尺寸调整为50%将图像缩小一半。但是应用会将图像调整为容器元素(例如,父元素)的50%。 问题是,我可以在不使用javascript或服务器端的情况下按一定比例调整图像大小吗?(我没有图像尺寸的直接信息) 我很确定您不能这样做,但是我只想看看是否有仅CSS的智能解决方案。谢谢! 问题答案: 我有两种方法给你。 方法1.

  • 问题内容: 我试图在CSS 中将a设置为一定的百分比高度,但它的大小与其中的内容相同。但是,当我删除HTML 5 时,它可以工作,并按需要占用整个页面。我希望页面进行验证,那我该怎么办? 我在上有此CSS ,其ID为: 问题答案: 我正在尝试在CSS中将div设置为某个百分比高度 百分比是多少? 要设置百分比高度,其父元素(*)必须具有明确的高度。这是不言而喻的,如果您将height保留为,则该块

  • 问题内容: 可以说我有一个带有6个DIV的设计,这些DIV浮动了16.666%的宽度。因此,文档大小分为6个部分。 现在,如果我的文档大小为620像素,则每个部分为103.333像素。由于我不知道可以显示部分像素的屏幕:)我想知道浏览器如何处理部分像素。 调整大小时,表明6个DIV保持相同的大小。但这在某些情况下不可能。浏览器如何处理这些部分PX值? 问题答案: 例如,如果您使用的是宽度,而确切的

  • 问题内容: 我在firefox上检索确切的css属性值(以“%”表示)时遇到问题。 假设我们有一个非常简单的标记: 和这个CSS: 而且 我想 通过js 检索左侧位置 (在“%”中) 使用mootools很容易(演示-> http://jsfiddle.net/steweb/AWdzB/): 或jQuery(演示-> http://jsfiddle.net/steweb/RaVyU/): 或通过普

  • 我正在尝试制作一个“进度条”与动画,改变了酒吧的背景颜色。 该条在0%时应该以红色开始,当它穿过元素时,在100%时会变为绿色。我的工作是100%(不,颜色不是很好,但这是一个未来的问题)... null null 问题是(例如)在50%时,我无法使条“停止”在红色和绿色之间的50%过渡状态。 有没有一种方法可以计算颜色,因为它将在50%或让CSS停止过渡在一个特定的点? 你可以看到如果我有50%

  • 问题内容: 我正在使用Elasticsearch 1.7.3累积用于分析报告的数据。 我有一个包含文档的索引,其中每个文档都有一个名为“ duration”的数字字段(请求花费了几毫秒)和一个名为“ component”的字符串字段。可能有许多具有相同组件名称的文档。 例如。 我想生成一份报告,说明每个组件: 此组件的所有“持续时间”字段的总和。 此总和在 所有 文档的总期限中所占的百分比。在我的