Как сделать чтобы border всегда был под размер картинки?

Question

[Даниил Козырев]

У меня на сайте есть border с картинкой.
skrinshoter.ru/s/150919/i3D4tu4a

Но если монитор маленький, то border как-бы увеличивается. А фото остается.
skrinshoter.ru/s/150919/YqmdLcGQ

Так как сделать чтобы border всегда был и с изображением?

Comments

[Andrey Vasilev]

может лучше код?

[Rustam Bainazarov]

Где у вас картинка? Это фоновое изображение, а не img.

Поставьте background-size: cover, тогда всё будет, как вы хотите.

Answer 1

[html-css]

делай в em или rem или в процентах
а вообще 1пиксель попутать сложно даже на разных монерах

Comments

[Даниил Козырев]

em или rem где писать?

[html-css]

в стилях
а куда ты вообще пишешь?

[Даниил Козырев]

html-css, в каком из кодов?

border: 2px solid #006600; тут

max-height: 100%; тут
или тут width: 50%;

[Даниил Козырев]

Всё спасибо, проблему решил!

[html-css]

ctrl+f5 не пробовал?
хз

Answer 2

[Константин Баскаков]

Попробуй так:
.border {
border: 2px solid #060; // Обрати внимание, парные можно сокращать!!!
border-radius: 27px;
background: url(1500x500.jpg) center center no-repeat;
background-size: cover;
width: 50%;
height: 250px;
}