Les images sont tronquées lorsque la résolution de l'écran est trop élevée

-2

J'ai un problème avec les images de mon curseur dans l'en-tête. S'il vous plaît jeter un oeil à la page.Les images sont tronquées lorsque la résolution de l'écran est trop élevée

Lorsque la résolution de l'écran est trop élevée, les images sont tronquées. Veuillez vous concentrer sur les deux premières images. Vous pouvez tester différentes résolutions d'écran here. Les images semblent bonnes jusqu'à 20 "Desktop (1600 x 900) .Quand vous testez 23" Desktop (1920 x 1080), vous ne serez pas en mesure de voir le fond de la première et la deuxième voiture.

Une idée de comment je pourrais le réparer?

Source

2015-04-20 Reza Saadati

Eh bien, il semble que la largeur de l'image augmente, mais la hauteur du conteneur est fixe de sorte que l'image s'agrandit le conteneur n'est pas assez grand pour le contenir – Huangism

Supprimer 'height: 480px' et' max-height: 480px' de l'élément '.carousel .slider'. Ou contrôlez la hauteur avec les requêtes média au-dessus de 1600px manuellement – robjez

Les raccourcis d'URL ou les redirecteurs ne sont pas autorisés sur SO. Vous devez également publier le code approprié dans le PO avec une démo ou une URL directe. Sinon, votre publication devient totalement inutile après avoir résolu le problème. – Sparky

Si cela ne vous dérange pas SEO pour les images, il existe une autre façon de les afficher. Définissez-les comme background-image sur .item éléments. Et retirez les étiquettes img. Puis, css mettre quelque chose comme ceci:

.item { 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size: contain; 
    height: 100px; 
}

Vous devez fournir une hauteur aux éléments, donc changer à tout.

Source

2015-04-20 15:43:58 ndcweb

Les images sont tronquées lorsque la résolution de l'écran est trop élevée

Répondre

Questions connexes