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

是否尊重CSS宽度的小数位数?

裴承安
2023-03-14
问题内容

我在进行CSS设计时一直想知道的东西。

是否遵守CSS宽度的小数位数?还是四舍五入?

.percentage {
  width: 49.5%;
}

要么

.pixel {
  width: 122.5px;
}

问题答案:

如果是百分比宽度,那么可以,它是受尊重的。正如Martin所指出的,当您达到小数像素时,事情就会崩溃,但是如果您的百分比值产生整数像素值(例如,示例中200px的50.5%),您将获得明智的预期行为。

编辑:
我已经更新了示例,以显示小数像素发生了什么(在Chrome中,值被截断了,因此50、50.5和50.6都显示相同的宽度)。



 类似资料:
  • 问题内容: 我在进行CSS设计时一直想知道的东西。 是否遵守CSS宽度的小数位数?还是四舍五入? 要么 问题答案: 如果是百分比宽度,那么可以,它是受尊重的。正如Martin所指出的,当您达到小数像素时,事情就会崩溃,但是如果百分比值产生整数像素值(例如,示例中200px的50.5%),您将获得明智的预期行为。 编辑: 我已经更新了示例,以显示小数像素发生了什么(在Chrome中,值被截断了,因此

  • 问题内容: 我对媒体查询世界还很陌生,很明显,宽度和设备宽度之间的差异让我遗漏了一些基本知识,除了它们明显的定位能力之外。 我想同时针对具有相同断点的常规计算机和设备,因此我只将所有最小和最大宽度查询都复制到了最小设备和最大设备宽度查询中。无论出于何种原因,当我添加- device对应项时,常规计算机对CSS的解释都大不相同,因此我不确定自己做错了什么。 您可以在这里看到效果(这是应该的样子) 此

  • 问题内容: 似乎在IE中,宽度包括填充大小。而在FF中,宽度没有。如何使两者的行为相同? 谢谢。 问题答案: IE曾经使用更方便但非标准的 “边框” 框模型。在此模型中,元素的宽度包括填充和边框。例如: 会很宽。 相反,所有违反标准的浏览器都默认使用 “内容框” 框模型。在此模型中,元素的宽度 不 包括填充或边框。例如: 实际上将是宽的:+ 每边填充,+ 每边边框。 如果您使用具有有效标记,良好d

  • 问题内容: 我正在使用100vh将div以行高垂直居中。该网站对vh和vw的支持率约为70%,这是一个公平的评估吗?建立网站时,您是否建议使用视口单位?我知道这有点主观,我只是在寻求比我更有经验的Web开发人员的意见。 编辑:感谢大家的投入,我希望它在移动设备上看起来不错,所以我想我不得不放弃vh。 问题答案: 在我看来,该统计数据显然是很公平的评估。 我认为必须由您来决定。如果您想使用最新的,最

  • 问题内容: 如何为宽度创建CSS规则 默认使用100%宽度 如果100%的宽度超过了某个像素的宽度(例如512像素),则该宽度将被限制为该像素的宽度 我不确定宽度和最大宽度关系,也不知道如何支持calc()或可以表达这一点。这需要与最新的WebKit浏览器和Firefox 4配合使用。不需要IE8等支持。 问题答案: 这实际上是的预期用途。如果元素的计算值(实际值)超过,它将被限制为最大值,而不是

  • 问题内容: 在我的测试中,创建者不尊重EXIF标头。 例如,当设备拍摄的肖像图像不会根据相机的方向旋转实际的像素数据,而是将其存储在EXIF标头中时,当我调用和时,它们将返回错误的值(宽度的高度,反之亦然)。 有没有办法 尊重EXIF并产生正确的答案? 如果没有,建议使用哪种模式来处理此问题? 没有经验丰富的Android开发人员的建议,我看到的唯一方法是对拍摄的图像进行预处理(加载,根据EXIF