Javascript 更改屏幕上对象的宽度调整大小

当屏幕调整为较小宽度时，如何使用Javascript更改对象的宽度当屏幕重新调整到更大的大小时，我想要更大的对象。

在响应屏幕中处理对象大小的最佳方法是通过css上的相对大小，如vihan1086所述。可以这样做：

<div style="width: 75%">My Content</div>

我的内容

这将使该元素填充屏幕的75%，无论屏幕大小如何

如果您真的想在JS中这样做，可以在jQuery的帮助下做类似的事情

$(window).resize(function() {
  var window_width = $(window).width();
  if(window_width < 300) {
    $("#myDiv").width(100);
  }
});

$（窗口）。调整大小（函数（）{
var window_width=$（window.width（）；
如果（窗宽<300）{
$（“#myDiv”）。宽度（100）；
}
});

百分比将使您的内容在调整窗口大小时在较小的屏幕上响应，而例如

500px

将始终保持相同的值，即使您调整屏幕大小，除非您使用媒体查询，调整此链接上图像所在窗口的大小，以查看其工作情况

<div class="container">

    <div class="responsiveWidth">
        ...Responsive Image...
        <img src="https://s-media-cache-ak0.pinimg.com/736x/0d/0b/7d/0d0b7db51cc6665c0943dc0759f88fa6.jpg" width="500">
    </div>

    <div class="staticWidth">
        ...Static Image...
        <img src="https://s-media-cache-ak0.pinimg.com/736x/0d/0b/7d/0d0b7db51cc6665c0943dc0759f88fa6.jpg" width="500">
    </div>

</div>

---

使用相对大小调整，例如

75%

我该怎么做？请原谅我的问题，我刚开始使用Javascript。我是说在你的CSS中。将宽度设置为

75%

或其他百分比。这不是使用JavaScript的东西，我明白你的意思。请包括一些代码供参考。首先，HTML让我们知道我们正在使用什么。我已经尝试过了，但是它不起作用，因为对象是嵌入的。你说的嵌入是什么意思？在嵌入标记上？在上面的

div

OK中包装object标记，但是如果我使用Javascript，它会是什么样子呢？没有必要也没有理由使用Javascript，而您可以简单地使用CSS。CSS是正确的方式，如果我在网页中添加更多内容，页脚（对象）会变大。我不想那样。我希望它在窗口调整大小时调整大小。不需要粗体文本。如果您向我们提供一个实际的示例或一个JSFIDLE文件，说明正在发生的事情以及您试图完成的事情，将更容易得到帮助。我们是根据您在问题中提出的要求做出响应，而不是您从您的角色中看到的，在本例中是您的真实示例。这将是一场无休止的讨论，从心理上理解你试图在你这一边创造什么。

.staticWidth {
    width:500px;
    margin:10px;
    border:1px solid #000;
}
.responsiveWidth {
    width:100%;
    margin:10px;
    border:1px solid #000;
}
.responsiveWidth img{
    width:100%;
}