С недавних пор стал использовать svg элементы при верстке сайтов. Я столкнулся с проблемой, что файл экспортированный с CorelDraw и Adobe Illustrator - имеют разный код и по разному экспортируется. В случаях с ai – иногда подключается картинка base64 и много лишних переменных, но все бы ничего, если бы не баги при верстке. В некоторых браузерах размер элемента ведет себя не совсем правильно, я использую background-size c разными значениями, но не везде это помогает и не всегда правильно. Где-то все так как я и планировал, а где-то появляются отступы от краев экрана к примеру в Safari, что-то не правильно маштабируется? Пробывал даже спецификации для браузера, пример ниже:
background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-moz-background-size: contain;
Может, я неправильно экспортирую svg или элемент имеет неверные значения? Есть ли готовые решения и какой оптимальный размер должен быть в ai в значениях пикселов.
Работать приходится в ai, так как macOS. Буду благодарен если ткнете носом в статью, книгу или видео-урок.
Средний
Простой
