Задать вопрос
@Constructive

Как сделать резиновую верстку рамки с неровными, нарисованными границами?

Здравствуйте.

Пример рамки: https://yadi.sk/i/TZNp8uvnqPCug
Как сделать так, чтобы границы рамки тянулись по ширине колонки? Возможно ли это в принципе? Спасибо.
  • Вопрос задан
  • 614 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
В данном случае - ни как, без плясок и кучи лишних файлов. Проработайте дизайн так, чтобы он позволял сжимать/расширять рамку и после этого вопрос сам по себе отпадет за ненадобностью.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
alsopub
@alsopub
Если размеры не сильно варьируются, возможно подойдет растягивание фона.
Напрмер - codepen.io/anon/pen/EKWBGp
Иначе если надо качественно - придется рисовать сриптом с учетом текущих размеров.
Ответ написан
Комментировать
HamSter007
@HamSter007
HTML/CSS верстальщик
А если попробовать сделать всю эту рамку фоном, а не для каждой границы и применить background-size: cover

Либо такой вариант с наложением jsFiddle

P.S: Если картинку(рамку) нормально вырезать по размерам, выглядеть лучше будет
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы