Quote:
Originally Posted by AlanHK
Anyone reading it on a laptop or desktop is using landscape mode, and tablets quite likely will.
So I can't ignore how it looks in landscape mode.
|
The nice thing is that the majority of readers that actually have a landscape mode are based on WebKit, and thus should support media queries correctly.
So if you wanted to, you could specify two different SVG images with different cropping. Then have SVG "a" defined as display: block, and SVG "b" defined as display: none, and add a media query afterwards for "(orientation: landscape)" that swaps the display values.
That way, dumb readers that don't support media queries would default to the portrait orientation (which is correct more often than not), and newer readers should do the right thing based on orientation.