好的，所以我的大脑今晚可能无法正常工作。我要完成的是两列布局，其中一列滚动，另一列固定。固定列中有一个非常大的背景图像，我希望能够缩放到屏幕的大小。此外，左侧（固定）列的宽度必须缩放以适应背景图像。真正解释这一点的最好方法是用一张图片：
带有箭头的突出显示区域将滚动，其中包含图片和推特状态的另一列将保持固定。我的问题与固定的 CSS 定位无关。我的问题是根据屏幕尺寸缩放我的列，以便图片始终保持在它自己的尺寸和其他列的尺寸中显示的比例。这就是我所坚持的。有任何想法吗？我真的很感激帮助。
问问题
622 次
2 回答
0
在此处检查您的 JS FIDDLE 代码：http: //jsfiddle.net/4P9fJ/7/
由于您没有提及您将更改背景中的图像，因此我在 body 标签中提供了背景图像。
于 2011-04-23T11:02:08.063 回答
0
我认为您可以在第一列中使用图像元素并将其设置为 100% 的父项。如果父 div 也是一个百分比，那么它的大小当然会改变，这也会在其中缩放图像。如果我们希望图像缩放，那么我们也不能指定高度。
<div id="parent" style="width: 40%">
<img id="child" style="width: 100%" src="http://i.stack.imgur.com/lvvrv.png" alt="Fake Background" />
</div>
于 2011-04-23T03:33:02.493 回答