Sur mon Website il y a de grandes images (miniatures). Sur mon grand écran (1920 x 1080), ils ont l'air bien. Mais sur mon petit écran (1280 x 1024) ils ont l'air mauvais. La taille standard est 856px. Si l'écran ne peut pas gérer cela, je veux que la vignette soit plus petite. Une partie du code:Taille de l'image sur la résolution de l'écran css
article .wp-post-image {
width: 856px;
height: auto;
margin-left: 0px;
margin-top: 3px;
float: left;
}
essayer
article .wp-post-image {
float: left;
height: auto;
margin-left: 0;
margin-top: 3px;
max-width: 100%;
width: 856px;
}
ou
article .wp-post-image {
float: left;
height: auto;
margin-left: 0;
margin-top: 3px;
width: inherit;
}
ou
article .wp-post-image {
float: left;
height: auto;
margin-left: 0;
margin-top: 3px;
width: 785px;
}
Pour faire l'image agir en réponse (c.-à-andjusting ses dimensions à la taille du conteneur), ajouter max-width: 100%; article .wp post image
En tant que SO, veuillez envisager d'ajouter plus de détails à votre réponse. –
En fait, c'est une réponse courte à la question posée. C'est ce que l'OP voulait: "... je veux que la vignette soit plus petite". Mon exemple de code va certainement faire ce qu'il veut. S'il veut en savoir plus, il peut rechercher lui-même la propriété "max-width". –
Ce fut le anwser:
article .wp-post-image {
float: left;
height: auto;
margin-left: 0;
margin-top: 3px;
max-width: 100%;
width: 856px;
Comme quelqu'un l'a dit; 'max-width: 100%;' fera l'affaire. Cela dit, j'ai jeté un coup d'oeil à votre site et je suggérerais juste de faire «largeur: 100%» dans tous les domaines. Le texte flottant semble un peu rugueux sur les petits écrans et semble plus propre si vous gardez juste l'image à 100%. – MrMarlow