百分比CSS布局中丢失的像素在哪里？[重复]
可以说我有一个带有6个DIV的设计，这些DIV浮动了16.666％的宽度。因此，文档大小分为6个部分。
现在，如果我的文档大小为620像素，则每个部分为103.333像素。由于我不知道可以显示部分像素的屏幕:)我想知道浏览器如何处理部分像素。
调整大小时，表明6个DIV保持相同的大小。但这在某些情况下不可能。浏览器如何处理这些部分PX值？
问题答案：
例如，如果您使用的是%宽度，而确切的宽度应为103.333px，则浏览器必须决定如何显示该宽度。
我特别喜欢约翰·雷西格（John Resig）/戴维·巴伦（David Baron）的解释，为什么这甚至是一个问题：
我与一些Mozilla开发人员进行了交谈，David Baron很好地解释了这种情况：
我们正在尝试满足一系列不能同时满足的约束 （证明留给读者练习，尽管我可能实际上已经在Bugzilla注释中写过一次）：
1.
例如，从容器的一个边缘开始的4个宽度/高度为25％的相邻对象应恰好在另一边缘结束；容器中永远不应有多余的像素，并且由于像素太宽，也不应将其包裹起来
逻辑上相邻的对象应始终在视觉上接触；由于舍入误差，绝对不应该有像素间隙或重叠像素
给定相同宽度的对象应占据相同数量的像素
对象边界应始终（在视觉上）别名为显示中的特定像素边界（永远不应模糊）
一个[Mozilla]牺牲通常是（3），除了边界，我们通过更早地将宽度四舍五入到像素边界来牺牲（1）。
-
问题内容： 我使用CSS已经有很多年了，我一直都是个“百分百”的人，因为我总是使用百分比而不是像素来定义高度和宽度（例如，在设置边距，填充等，在这种情况下，我使用像素）。 我会做这样的事情： 但是我经常看到这样的例子： 我的问题是：将一个 整体 与另一个 整体 相比有什么好处？ 问题答案： 行动网页。％为此。因为它将（显然）调整为适合。 但是，当您想要固定宽度（例如，要以某种方式显示的文本文章）时
-
问题内容： 我在玩CSS网格布局，遇到一个我找不到答案的问题。 考虑以下示例： 如您所见，由于使用设置了百分比宽度，因此列超出了屏幕宽度。 但是，如果我使用单位，则效果很好： 如果有人能解释为什么百分比宽度会产生如此大的影响，那将是很好的。 问题答案： 本机仅在容器的可用空间内工作。 因此，在您的代码中： …容器中的自由空间在12列之间平均分配。 由于列仅处理 自由空间 ，因此不是一个因素。在确定
-
问题内容： 我在firefox上检索确切的css属性值（以“％”表示）时遇到问题。 假设我们有一个非常简单的标记： 和这个CSS： 而且 我想 通过js 检索左侧位置 （在“％”中） 使用mootools很容易（演示-> http://jsfiddle.net/steweb/AWdzB/）： 或jQuery（演示-> http://jsfiddle.net/steweb/RaVyU/）： 或通过普
-
我直接在相对布局中有两个线性布局。 我希望第一个LinearLayout占据75%的高度，接下来占据25%。我如何实现这一点？ 例如 我希望线性布局1使用可用高度的75%，线性布局2使用25%<没有为LinearLayout定义layout_weight，因此显然它不起作用。 我有什么办法可以做到这一点吗？ 这似乎是一个非常常见的场景，所以我几乎可以肯定这个问题以前被问过。 但我似乎没有找到它。请
-
问题内容： 我正在尝试使用自身百分比来调整img的大小。例如，我只想通过将图像尺寸调整为50％将图像缩小一半。但是应用会将图像调整为容器元素（例如，父元素）的50％。 问题是，我可以在不使用javascript或服务器端的情况下按一定比例调整图像大小吗？（我没有图像尺寸的直接信息） 我很确定您不能这样做，但是我只想看看是否有仅CSS的智能解决方案。谢谢！ 问题答案： 我有两种方法给你。 方法1.
-
本文向大家介绍Bootstrap CSS布局之图像，包括了Bootstrap CSS布局之图像的使用技巧和注意事项，需要的朋友参考一下 本文大家分享了Bootstrap CSS布局之图像，供大家参考，具体内容如下 img-rounded、img-circle、img-thumbnail(缩放图模式) 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。