Question

在我的第一个响应式网站上工作时遇到了以下问题：

对于宽页面，我想对所有div进行img。类似的东西：

<img src="image.jpg"/>
<div> some content </div>
<div> some content </div>
...

但是当我们收缩浏览器时，我希望在我的所有div之下拥有它：

...
<div> some content </div>
<div> some content </div>
<img src="image.jpg"/>

我找到的唯一解决方案是

<img id="img_1" src="image.jpg"/>
<div> some content </div>
<div> some content </div>
<img id="img_2" src="image.jpg"/>

并在媒体查询＆＃34;开启＆＃34;并且＆＃34;关闭＆＃34;我现在需要与否的img。但在我看来，不是很优雅，也不是很好看的解决方案......我正在考虑使用位置：绝对但它会为我生成更多更多的问题。

非常感谢您的帮助！ Grzegorz

Answer 1

我认为这样的事情会对你有用：

<img src="image.jpg" id="yourImg"/>


function moveElement(Elm_Id, top, left) {
    $("#" + Elm_Id).css({ "position": "relative", "top": top, "left": left });
}

必须像：

一样调用

moveElement("yourImg", "200px", "300px");

查看here了解详情。

根据具体情况在网站的顶部或底部放置一个元素

1 个答案: