snipt

Ctrl+h for KB shortcuts

CSS

CSS: Optimize websites for iPad

1
2
3
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">

<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
https://snippets.siftie.com/embed/88c316c0cc8ab11e77315077a303921c/
/raw/88c316c0cc8ab11e77315077a303921c/
88c316c0cc8ab11e77315077a303921c
css
CSS
4
2019-03-23T12:38:45
True
False
False
/api/public/snipt/15715/
css-optimize-websites-for-ipad
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a></pre></div></td><td class="code"><div class="highlight"><pre><span></span><span id="L-1"><a name="L-1"></a><span class="o">&lt;</span><span class="nt">link</span> <span class="nt">rel</span><span class="o">=</span><span class="s2">&quot;stylesheet&quot;</span> <span class="nt">media</span><span class="o">=</span><span class="s2">&quot;all and (orientation:portrait)&quot;</span> <span class="nt">href</span><span class="o">=</span><span class="s2">&quot;portrait.css&quot;</span><span class="o">&gt;</span> </span><span id="L-2"><a name="L-2"></a> </span><span id="L-3"><a name="L-3"></a><span class="o">&lt;</span><span class="nt">link</span> <span class="nt">rel</span><span class="o">=</span><span class="s2">&quot;stylesheet&quot;</span> <span class="nt">media</span><span class="o">=</span><span class="s2">&quot;all and (orientation:landscape)&quot;</span> <span class="nt">href</span><span class="o">=</span><span class="s2">&quot;landscape.css&quot;</span><span class="o">&gt;</span> </span></pre></div> </td></tr></table>
css, ipad