How to scale SVG image to fill browser window?

by

How about:

html, body { margin:0; padding:0; overflow:hidden }
svg { position:fixed; top:0; bottom:0; left:0; right:0 }

Or:

html, body { margin:0; padding:0; overflow:hidden }
svg { position:fixed; top:0; left:0; height:100%; width:100% }

I have an example on my site using (roughly) this technique, albeit with 5% padding all around, and using position:absolute instead of position:fixed:
http://phrogz.net/svg/svg_in_xhtml5.xhtml

(Using position:fixed prevents a very edge-case scenario of linking to a sub-page anchor on the page, and overflow:hidden can ensure that no scroll bars ever appear (in case you have extra content.)

More Related Contents:

  1. Bootstrap 4.0 Grid System Layout not working
  2. How can I make an svg scale with its parent container?
  3. Is it possible to create a pinterest-like layout with Bootstrap only?
  4. How to style a div to be a responsive square? [duplicate]
  5. right-to-left (RTL) in flutter
  6. jQuery Selector + SVG Incompatible?
  7. How do I center an SVG in a div?
  8. Algorithm to implement a word cloud like Wordle
  9. GroupBox / TitledBorder in JavaFX 2?
  10. SVG Scaling Text to fit container
  11. CSS transparent curved shape with two rounded sides
  12. d3 Node Labeling
  13. So what if custom HTML attributes aren’t valid XHTML?
  14. How to animate handwriting text on the web page using SVG?
  15. Can an XSLT insert the current date?
  16. how to replicate pinterest.com’s absolute div stacking layout [closed]
  17. Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
  18. Android devices with different height takes same layout folder
  19. How to draw a line between draggable and droppable?
  20. Is there some innerHTML replacement in SVG/XML?
  21. display:inline with margin, padding, width, height
  22. Scrolling EditText inside ScrollView
  23. Making an svg image object clickable with onclick, avoiding absolute positioning
  24. How do I define HTML entity references inside a valid XML document?
  25. How to get rid of extra space below svg in div element
  26. JavaFX and SVG : drawing a line
  27. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  28. Convert html to doc in java
  29. Android ImageView size not scaling with source image
  30. Can I add a component to a specific grid cell when a GridLayout is used?

Leave a Comment