Estoy creando HTML dinámico desde PHP. Quería cambiar el tamaño de las imágenes para dispositivos móviles, pero parece que no funciona. Recoge la imagen más grande en mi escritorio con una resolución de 1440x900 como se esperaba, pero en mi móvil la resolución se muestra como 360x640, pero todavía toma la imagen más grande mientras que quiero que elija la imagen redimensionada. No soy un experto por lo que agradecería cualquier ayuda.

 <script language="javascript"> alert("Your screen resolution is: " + screen.width + "x" + screen.height); </script> <?php print "<div class=\"row\">"; print "<div class=\"img-P\">"; print "<img srcset=\"images/resized/$img_resized 640w, images/$img 1024w\" sizes=\"(max-width: 640px) 640px, 1024px\" src=\"images/$img\" loading=\"lazy\" />"; print "</div>"; print "</div>"; ?>