我正在尝试理解固定的,流畅的和响应式的网页设计,我经历的网站之一是fixed or fluid,在这里它说“固定的网站布局有一个固定宽度的包装,以及其中的组件具有百分比宽度或固定宽度。“固定布局可以有百分比宽度,这就是令我困惑的事情。不给出百分比宽度仅用于流体布局?是不是流体流动的原因?有人可以解释一下吗?
答案 0 :(得分:0)
文章说"其中的 组件具有百分比宽度或固定宽度"
固定宽度的百分比实际上是固定的,因为它总是具有相同的固定大小。
示例:
容器组件的固定宽度为1000px。两个内部组件的宽度分别为70%和30%。第一个将始终为700px,第二个将始终为300px。
<body style="width: 1000px">
<div style="width: 70%">Component #1, will always be 700px width</div>
<div style="width: 30%">Component #2, will always be 300px width</div>
</body>
如文章所述:&#34;重要的是容器(包装)元素设置为不移动&#34;。如果删除容器元素的1000px的固定大小,则将丢失固定布局。