Задать вопрос
@mrmelsik
Верстальщик
html

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

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

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

Так как сделать чтобы border всегда был и с изображением?
  • Вопрос задан
  • 125 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
@html-css
делай в em или rem или в процентах
а вообще 1пиксель попутать сложно даже на разных монерах
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 1
baks090780
@baks090780
Верстальщик
Попробуй так:
.border {
border: 2px solid #060; // Обрати внимание, парные можно сокращать!!!
border-radius: 27px;
background: url(1500x500.jpg) center center no-repeat;
background-size: cover;
width: 50%;
height: 250px;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Написать программу иммитирующую поведение человека для выбора услуг
20 апр. 2024, в 00:08
10000 руб./за проект
Разработать мобильное приложение android "справочник студента"
20 апр. 2024, в 00:01
4000 руб./за проект
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Ещё заказы