Javascript 加载页面前，根据屏幕分辨率调整所有图像的大小

我找不到适合我的正确解决方案，我尝试的所有方法都不起作用：(

我需要：

在显示页面内容之前，先获得屏幕分辨率，然后根据分辨率调整页面上所有

img

-s的大小

好吧，我试过了：

<script type="text/javascript">

 $(window).load(function() {

 var img = document.images;

 if (screen.width <= 699) {  

   for (var i = 0; i < img.length; i++) {


         img[i].height = 200px;


         img[i].width = 200px;
   }

   }

 })


</script>

$（窗口）。加载（函数（）{
var img=document.images；
if（screen.width一些非常老式的JavaScript应该可以做到这一点

<script>
if(screen.width > 699) {
    document.write('<style>img { width: 200px; height: 200px; }</style>');
}
</script>


如果（屏幕宽度>699）{
write（'img{宽度：200px；高度：200px；}'）；
}

尽管重新思考您的设计理念会更好！请记住，有些人可能没有最大化他们的浏览器，或者可能想设置他们自己的缩放设置。
您可以使用或感谢您的建议，但我有一个非常简单的HTML页面，只有一些图像和一个案例：res>700和res<700您应该阅读关于响应式Webd的内容看一看，虽然这只有在你只支持更新的浏览器的情况下才有效。我知道响应式设计，但由于简单（实际上是一个html页面）我不想使用它，有没有一种简单的方法jsut使用javascript更改图像的2个参数？应该是非常愚蠢和简单的事情。注意：使用
文档时要小心。编写
。如果在页面加载后使用它，它会覆盖整个页面。通常，使用DOM编辑页面更安全。