混合百分比和固定CSS

这是从UI.StackExchange.com的一个重复：
http://ui.stackexchange.com/questions/1004/mixing-percent-and-fixed-css

你应该使用百分比和固定CSS在一起吗？会造成问题，如果有什么类型？

>混合会降低浏览器的性能吗？
>混合会给初始加载使用渐进式渲染浏览器的奇怪结果吗？

下面只是一个混合使用的例子，它可以是任何混合。我不是在寻找验证的例子。我听说你不应该做我在下面的例子，所以我试图找出如果使用CSS这种方式是一个问题。

混合使用示例：

<style>
.container
{
    width:300px;
}
.cell
{
    width:25%;
}
</style>

<table class="container">
     <tr>
        <td class="cell"><td>
        <td class="cell"><td>
        <td class="cell"><td>
        <td class="cell"><td>
     </tr>
</table>

解决方法

1好问题。你可能想看看这篇文章：“ Fixed-width,liquid,and elastic layout”它超过固定宽度布局(em)和弹性布局(％)，如果你点击进入下一页，它看’弹性液体混合’其中width：设置为单向，用max-width：设置其他。我知道上面链接的文章不是你问的，但它是一个混合使用在一个单一的CSS样式的例子。

编辑：经过一些进一步的阅读，我发现了很多相互矛盾的观点。我发现几个文章，认为“you just can’t mix up pixels and percentages”。虽然，在大多数情况下，这些网站是相当过时的。当我把搜索范围缩小到过去一年里提出的文章时，情况有所改变。还有一些意见反对混合，但他们通常没有解释为什么，似乎“我总是听到这是一个坏主意”品种。
我在这个主题上发现的大多数最新信息似乎表明，混合百分比与固定宽度是一个完全可以接受的做法，只要它完成了对结果的理解。

看到：

>“Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?”(2009年6月)
>“For A Beautiful Web: Changing Man Layout”
… …

完全的披露：我是一个混音器多年，不知道我的方法是否“正确”。

原文地址：https://www.jb51.cc/css/221272.html