сделать мое изображение полной ширины

Question

Как изменить это в моем CSS

.container, .navbar-static-top .container, .navbar-fixed-top .container,  .navbar-fixed-bottom .container { 
    width: 1170px; 
} 

Сайт http://insightcxo.com/test-2

Я хочу, чтобы сделать изображение полной ширины или 1230px

Это код, который я имеют в редакторе

.page-id-731 .container { 
width: 1230px; 
} 

Спасибо!

Answer 1

Я хочу, чтобы сделать изображение полной ширины или 1230px

img { min-width: 1230px; } 

Вы имеете в виду что-то вроде этого?

Answer 2

Img {ширина: 100%; max-width: 100%; } должен работать на вас.

Answer 3

Я просмотрел код из предоставленной вами ссылки. Ваш веб-сайт имеет разметки блок- .container, который имеет ширину 1170px шириной, которая центрируется при наличии margin-left: auto; и margin-right: auto; Это создает отступы 60px потому, что сайт с установлен в 1230px.

Изображение, которое вы хотите быть полной ширины имеет левый отступы 30px, поскольку родительский .container ширина 1170px и и ширина изображения 1230px.

Чтобы устранить эту проблему,

изменение .container ширина до 1230px

или

добавить margin-left: -30px; в CSS изображения.

Answer 4

Вы можете просто использовать следующее:

.wp-image-844{ 
width:100%; 
max-width:100%; 
} 

Он должен быть достаточно конкретным, чтобы ориентировать одно изображение и сделать его полноразмерная :)