Как растянуть SVG по ширине при этом сохранив высоту?
В общем SVG элементы ведут себя как картинки (img) они масштабируется пропорционально.
Вопрос в том, можно ли как-то изменять только ширину при этом высоту сохранять по умолчанию.
Вот пример, если масштабировать область с красным прямоугольником, можно наблюдать как он изменятся в размерах, но меняется как ширина так и высота.
- Вопрос задан более трёх лет назад
- 11029 просмотров
Как растянуть SVG всю ширину блока?
Как сделать, чтобы лого было шириной 250 и высотой 100%? т.е. во весь блок.
Если выбрать GIF лого — оно само растягивается. SVG же автоматом уменьшается визуально.
как я понял, надо что-то в самом свг поправить:
version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1407.9 938.4" style="enable-background:new 0 0 1407.9 938.4;" xml:space="preserve">
Пробовал менять preserve на default, но не сработало
Может тут что-то еще надо поменять?
Изменено 24 января 2022 пользователем nikki4
Как растянуть div со всем содержимым на всю ширину окна
Появилась потребность растянуть блок на всю ширину экрана. Структура блока:
.wrap < display: inline-block; >.wrap span
hello world! При этом изменять размер шрифта или какие либо свойства дочерних элементов div.wrap нежелательно, либо делать это как-то пропорционально. Ниже нарисовал схему как есть сейчас и как должно получится в итоге. 
Если с картинками все понятно, как и какими методами их растягивать, то вот с блоками я информации не нахожу. Буду благодарен за вашу помощь в этом вопросе.
Как растянуть текст по ширине блока?
Каким образом можно решить такую задачу? Есть несколько div в которых лежат 2 текстовые строки «p». Текст в эти строки подставляется динамически пользователем при вводе в input. Шрифт у текста в каждом блоке разный. Размер шрифта в первой строке 25px, в нижней 20. Как сделать так, чтобы ширина текста была одинаковой, но при этом font-size второй строки был всегда меньше размера первой? https://gyazo.com/585a1b62e7338b2f8464c989c18661c2
Отслеживать
5,264 1 1 золотой знак 18 18 серебряных знаков 36 36 бронзовых знаков
задан 1 июн 2018 в 12:16
Александр Пикин Александр Пикин
47 2 2 серебряных знака 9 9 бронзовых знаков
А что вы понимаете под шириной текста? За счет чего текст должен становится шире?
1 июн 2018 в 12:32
под шириной понимаю то сколько пикселей занимает в ширину строка, думаю за счет размера текста как то это регулировать, но мне не нравится этот вариант.
1 июн 2018 в 12:40
Никак. Я в первой напишу «ШШШШШШШШШШШШШШШШШ», а во второй «i» — и что ты с этим сделаешь?