Vous pouvez utiliser l'attribut srcset qui cible une résolution différente. Si vous souhaitez cibler votre application sur tous les types de périphériques (grands ou petits), il est déconseillé d'utiliser la même image pour toutes les résolutions.
<picture>
<source srcset="img/extralarge.jpg, img/extralarge.jpg 2x" media="(min-width: 1000px)">
<source srcset="img/large.jpg, img/large.jpg 2x" media="(min-width: 800px)">
<source srcset="img/medium.jpg">
<img srcset="img/medium.jpg" alt="Sample Test">
</picture>
Dans le code ci-dessus, j'ai utilisé 3 types d'images différents ciblant différentes résolutions.
En outre, vous pouvez utiliser des images sensibles Vérifiez l'URL http://alistapart.com/article/responsive-images-in-practice
votre site ne répond pas si la résolution que vous parlez? s'il vous plaît fournir la résolution de résolution où vous voulez votre solution –
pour cette résolution: max-width: 1080px – DavSev
si vous aviez une propriété responsive largeur que vous pourriez utiliser 'background-size: contain' pour éviter de couper – maioman