混合百分比和固定CSS

这是UI.StackExchange.com的副本:
https://ux.stackexchange.com/questions/1004/mixing-percent-and-fixed-css

您是否应该同时应用百分比和固定CSS?它会引起问题吗?如果会,是什么类型的问题

  • 混合是否会降低浏览器渲染性能
  • 在渐进式渲染浏览器的初始加载时,混合会给您带来奇怪的结果吗

下面只是一个简单的混合使用的例子,它可以是任何混合物我不想验证这个例子。我听说你永远不应该做我在下面例子中所做的事情,所以我试图找出以这种方式使用CSS是否是一个问题

混合用法示例:

<风格>
容器
{
宽度:300px;
}
单间牢房
{
宽度:25%;
}
&lt/风格>
<表class=“container”>
<tr>
<td class=“cell”&gt&书信电报;td>
<td class=“cell”&gt&书信电报;td>
<td class=“cell”&gt&书信电报;td>
<td class=“cell”&gt&书信电报;td>
&lt/tr>
&lt/表>

+一个好问题。您可能想看一看这篇文章:“固定宽度、液体和弹性布局”它超过了固定宽度布局(em)和弹性布局(%),如果您单击转到下一页,它将看到“弹性液体混合”——其中宽度:设置为一种方式,最大宽度:设置为另一种方式。我知道上面链接的文章并不完全是你所要求的,但它是一个单一CSS风格中混合使用的例子


编辑:在进一步阅读之后,我确实在这个问题上发现了一些相互矛盾的观点。我发现有几篇文章认为“你不能把像素和百分比混在一起”。不过,在大多数情况下,这些遗址的年代相当久远。当我将搜索范围缩小到仅在过去一年内发布的文章时,情况发生了一些变化。仍然有一些反对混音的意见,但他们通常并没有解释原因,而且似乎对“我总是听说这是个坏主意”的说法持怀疑态度。
我在这个主题上发现的大多数最新信息似乎表明,固定宽度的混合百分比是完全可以接受的做法,只要在理解结果的情况下进行

见:

  • “固定布局、流体布局和弹性布局:适合您的布局是什么?”(2009年6月)
  • “为了美丽的网络:改变人的布局”

充分披露:我已经混了很多年了,但并不知道我的方法是否“正确”

发表评论