responsive svg image in html
/* responsive svg */
/* NOTE: remove default width and height and replace it with values in viewbox */
<svg version="1.1" viewBox="0 0 500 500">
<circle fill="#F7941E" stroke="#231F20" stroke-width="10"
cx="250" cy="250" r="200" opacity="0.6" />
</svg>bootstrap 4 auto resize svg image
<img src="monkey.svg" alt="Monkey face" style="width: 100%; height: auto;">how to make responsive svg
const svg = document.querySelector('svg');
svg.style.height = `${window.innerHeight}px`;
window.addEventListener('resize', () => { // for every screen resize, the svg height remains 100% relative to the window height
svg.style.height = `${window.innerHeight}px`;
console.log(window.innerWidth)
});Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
