窗口缩小时控制位置和高度



我在这里有一个奇怪的CSS情况。我正在构建我的新产品组合,这是响应迅速且视差的。如果您在这里看,在第一部分中,您会看到一张桌子:http://daniellebrittanydesigns.com/new-portfolio/

桌子在不同的零件/divs中。桌子的主要部分(所有项目)是图像。桌子的桌子/木材部分是下面Div中的背景图像,因为我需要延伸,Yadda Yadda。

木材零件设置为200px高(因为DIV没有内容),并放置在顶部:-200px,因此桌子上的物品看起来像它们在上面"坐着"。

当您收缩窗户时,主桌子的图像会收缩,但是桌子的木材部分保持高度并乘坐图像,最终覆盖了窗户,等等。

我一直在玩高度,位置,边缘等 - 找不到可以使.Desk -Wood收缩的解决方案&保持位置以及桌面映像。

任何CSS提示都会有所帮助 - 非常感谢!

我在这里为您看到两个选项。

首先使用百分比开始使用木材高度和位置。使用RWD,重要的是要具有流体结构,并且设置静态宽度和高度对您的情况不会有所帮助。您也可以将相同的百分比镜像到固定位置。

您的另一个选项是使用媒体查询在页面宽度缩小或扩展时动态设置宽度。

哎呀,您可能会发现它喜欢做两个选项的组合。

最新更新