How to make a element expand or contract to its parent container?

by

The viewBox isn’t the height of the container, it’s the size of your drawing. Define your viewBox to be 100 units in width, then define your rect to be 10 units. After that, however large you scale the SVG, the rect will be 10% the width of the image.

More Related Contents:

  1. How can I make an svg scale with its parent container?
  2. CSS :before on inline SVG
  3. Set div height equal to screen size
  4. How to make responsive table [closed]
  5. Why does my design elements look different in all browsers? UPDATE [closed]
  6. Fill in text in HTML5
  7. Does “display:none” prevent an image from loading?
  8. Transparent hollow or cut out circle
  9. Should I use max-device-width or max-width?
  10. Is the viewport meta tag really necessary?
  11. html/css hexagon with image inside
  12. Actual table Vs. Div table
  13. SVG gradient using CSS
  14. Customize Bootstrap 4’s grid-system Breakpoints
  15. Div height 100% and expands to fit content [duplicate]
  16. Add a text suffix to
  17. html5 vertical spacing issue with
  18. Creating a ‘New’ spiky label with 24 or above point burst
  19. How to position a div in the middle of the screen when the page is bigger than the screen
  20. How to write a caption under an image?
  21. How do I line up 3 divs on the same row?
  22. Draw double curved item with beveled edges
  23. CSS: How to align vertically a “label” and “input” inside a “div”?
  24. Filling water animation
  25. Full background image with fade effect
  26. In a bootstrap responsive page how to center a div
  27. Bootstrap – Removing padding or margin when screen size is smaller
  28. CSS Floating Divs with different height are aligned with space between them
  29. Horizontal scroll in DIV with many small DIV’s inside (no text)
  30. Media Queries – Mobile vs Desktop Browser

Leave a Comment