Question

我无法为我找到正确的解决方案，我尝试过的工作都没有：（

我需要：

在显示页面内容获取屏幕分辨率之前，然后根据它调整页面上的所有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>

Answer 1

一些非常老式的JavaScript应该可以解决问题。

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

虽然重新思考你的设计理念会更好！请记住，某些人可能没有最大化浏览器，或者可能想要设置自己的缩放设置。

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

1 个答案: