2017-10-10 2 views
0

J'utilise actuellement picture srcset pour les images sensibles et cherche actuellement un moyen de faire évoluer ou couvrir l'ensemble de l'élément ou du conteneur, un peu comme css background-size: cover ou object-fit. J'ai lu que l'ajustement d'objet ne fonctionne que sur les tags img. Y at-il une alternative pour srcset? J'utilise Drupal 8 modules d'image réactif et il rend un élément picturesolution object-fit pour la source d'image srcset

<picture> 
    <source srcset="/aim-beta/sites/default/files/styles/thumbnail/public/2017-08/admissions-banner-how-to-apply-alt.jpg?itok=O11apfmI 1x" media="all and (max-width: 480px)" type="image/jpeg"> 
    <source srcset="/aim-beta/sites/default/files/styles/medium/public/2017-08/admissions-banner-how-to-apply-alt.jpg?itok=QrLnqmKd 1x" media="all and (max-width: 768px)" type="image/jpeg"> 
    <img srcset="/aim-beta/sites/default/files/2017-08/admissions-banner-how-to-apply-alt.jpg" alt="Admissions - How to Apply" typeof="foaf:Image"> 
</picture> 

Répondre

1

object-fit travaux sur les images sensibles, parce que vous le style de la <img>, pas le <picture>.