这是从UI.StackExchange.com的一个重复:
http://ui.stackexchange.com/questions/1004/mixing-percent-and-fixed-css
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”
… …
完全的披露:我是一个混音器多年,不知道我的方法是否“正确”。