干净地调整大小隐藏页面元素

Question

我有一个包含几个任意大小的内容块的页面。有没有一种方法，我可以：

1. 允许这些块来调整或大或小，以填补所有可用空间作为窗口大小的变化，
2. 指定每个块的最小尺寸，
3. 隐藏在指定的最小尺寸不适合页面时完全阻止。

我完全控制了HTML和CSS。我强烈希望没有Javascript的解决方案。

Answer 1

@dark;可能你需要一个流畅的网站。所以，

1）给width百分比，而不是px到div为重新大小较大&较小。 检查更http://www.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

http://www.alistapart.com/articles/fluidgrids/

2）是的，你可以定义min-width为您块像

.block{ 
min-width:20%; 
} 

3）对于某些窗口大小设计隐藏块或更改你必须定义分钟宽度或最大宽度在media query。 检查链接

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

http://nathanstaines.com/demo/media-queries.html

http://css-tricks.com/css-media-queries/

Answer 2

对于第一个，您可以使用％值设置width和height。这将导致“块”调整为“窗口大小改变”。对于第二个，您可以设置min-width和min-height，这样无论窗口的大小如何，块都不会缩小到您指定的值以下。至于第三，你将不得不使用JavaScript。