混合百分比和固定CSS

前端之家收集整理的这篇文章主要介绍了混合百分比和固定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
… …

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

猜你在找的CSS相关文章