möchte Schieber Bildgröße von links nach rechts auf dem Bildschirm angezeigt werden

Question

Ich plante, Schieberegler in meiner Magento-Homepage zu verwenden. Der Schieberegler sollte vollständig von links nach rechts abdecken. Das Bild sollte bei allen Größenmonitoren von links nach rechts mit einer Höhe von 500 Pixeln vollständig abgedeckt sein.

Jetzt verwende ich die Bildgröße als 1600 px w & 500px ht. Zu Beginn zeigt es Bildlaufleiste in meinem unteren Rand der Seite. jetzt gab ich Überlauf: versteckt. es zeigt also die Hälfte des Bildes ...

Ich möchte, dass das gesamte Bild in allen Dimensionsfenstern angezeigt wird. was th Bildgröße i & geben Sie mir einige CSS-Hinweise verwenden sollten ,,,

plz mir helfen, dies zu erreichen ....

Answer 1

Ich denke, das ist, was Sie suchen. Im Grunde sollte es das Leerzeichen des übergeordneten Elements horizontal füllen und dann die Proportionen einschränken, wenn die Breite verkleinert wird. Wenn Sie möchten, dass es in dieser Höhe bleibt, ersetzen Sie einfach durch height:500px;.

<style> 
.container_img { 
width:100%; 
height:auto; 
} 
</style> 
<img class="container_img" src="http://www.wesleyeterry.com/startup.png"> 

Auch nur klar zu sein, `container_img‘ kann mit jedem Klassennamen mit Ihnen kommen ersetzt werden.