хотите, чтобы размер изображения слайдера отображался слева направо на экране

Question

Я планировал использовать слайдер на моей домашней странице magento.Слайдер должен полностью покрывать слева направо.Изображение должно покрывать полностью слева направо с высотой 500 пикселей во всех мониторах размера.

Теперь я использую размер изображения 1600 пикселей и 500 пикселей.Изначально в нижней части страницы отображается полоса прокрутки.Теперь я дал переполнение: скрыто.поэтому он показывает почти половину изображения ...

Я хочу, чтобы все изображение отображалось во всем окне измерений.Какой размер изображения я должен использовать и дать мне несколько советов CSS ,,,

Плз, помогите мне достичь этого ....

Answer 1

Я думаю, это то, что вы ищете. По сути, он должен заполнить пространство родителя по горизонтали, а затем ограничить пропорции по мере уменьшения ширины. Если вы хотите, чтобы он оставался на этой высоте, просто замените height:auto; на height:500px;.

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

Кроме того, для ясности `container_img 'можно заменить любым именем класса, которое вы придумали.