我有一个页面,其中包含几个任意大小的内容 block 。有什么办法可以吗:
- 随着窗口大小的变化,允许这些 block 调整大小以填充所有可用空间,
- 指定每个 block 的最小大小,
- 当该 block 无法以指定的最小尺寸容纳在页面上时,请完全隐藏该 block 。
我可以完全控制 HTML 和 CSS。我强烈希望有一个没有 JavaScript 的解决方案。
最佳答案
@黑暗;可能您想要一个流畅的网站。所以,
1) 为 div 提供以百分比表示的 width
(而不是 px
),以调整大小。
查看更多http://www.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/
http://www.alistapart.com/articles/fluidgrids/
2)是的,您可以为您的 block 定义min-width
,例如
.block{
min-width:20%;
}
3) 要隐藏某个 block 或更改特定窗口大小的设计,您必须在媒体查询
中定义最小宽度或最大宽度。
检查链接
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
关于html - 调整大小时干净地隐藏页面元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6047428/