http://wp-danmark.dk/forum/tags/desktop WordPress DK Forum Tag: desktop - Recent Posts da-DK Tue, 07 Jul 2026 22:07:42 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/css-desktop-vs-mobil#post-61689 fre, 13 mar 2015 12:42:09 +0000 Jean Jensen 61689@http://wp-danmark.dk/forum/ <p>Åhh ja, fik løst problemet sent fredag, men glemte at opdatere hér:</p> <p><code>&lt;style&gt;<br /> /* medium+ screen sizes */<br /> @media (min-width:992px) {<br /> .mobile-only { display:none; }<br /> .desktop-only { display:block; }<br /> }</p> <p>/* small screen sizes */<br /> @media (max-width: 991px) {<br /> .mobile-only { display:block; }<br /> .desktop-only { display:none; }<br /> }<br /> &lt;/style&gt;</code></p> <p>- skal koden være, for så virker det. </p> http://wp-danmark.dk/forum/topic/css-desktop-vs-mobil#post-61685 tors, 12 mar 2015 23:30:01 +0000 WpMh 61685@http://wp-danmark.dk/forum/ <p>Min skifter da fint mellem desktop og mobile når jeg gør browseren mindre, har du fået styr på det? :) </p> http://wp-danmark.dk/forum/topic/css-desktop-vs-mobil#post-61654 ons, 11 mar 2015 09:33:38 +0000 Jean Jensen 61654@http://wp-danmark.dk/forum/ <p>Hejsa.</p> <p>Måske det slet ikke er det rette forum, da det ikke skal bruges i en WP, men jeg prøver alligevel...:</p> <p>Jeg ønsker at lave forskelligt indhold til desktop og mobil, og kommet op med dette CSS, men det virker tilsyneladende ikke. Hvor har jeg mon fejlet?</p> <p><code><br /> &lt;!doctype html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;meta charset="utf-8"&gt;<br /> &lt;title&gt;&lt;/title&gt;<br /> &lt;link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'&gt;</p> <p>&lt;style&gt;<br /> //medium+ screen sizes<br /> @media (min-width:992px) {<br /> .desktop-only {<br /> display:block !important;<br /> }<br /> }</p> <p>//small screen sizes<br /> @media (max-width: 991px) {<br /> .mobile-only {<br /> display:block !important;<br /> }</p> <p> .desktop-only {<br /> display:none !important;<br /> }<br /> }<br /> &lt;/style&gt;</p> <p>&lt;/head&gt;</p> <p>&lt;body style="font-family: 'Fjalla One', sans-serif;"&gt;</p> <p>&lt;div class="desktop-only"&gt;Only shown on desktop&lt;/div&gt;<br /> &lt;div class="mobile-only"&gt;Only shown on mobile&lt;/div&gt;</p> <p>&lt;/body&gt;<br /> &lt;/html&gt;</code></p> <p>Siden kan ses her: <a href="http://jeanjensen.dk/sult/sulten.html" rel="nofollow">http://jeanjensen.dk/sult/sulten.html</a> </p>