CSS - desktop VS mobil « WordPress DK Forum

WordPress DK Forum » Udenfor kategori

CSS - desktop VS mobil

(3 indlæg) (2 voices)

Startet for 9 years siden af Jean Jensen
Seneste svar fra Jean Jensen
This topic is resolved

Tags:

Jean Jensen

Supermedlem
Joined: jul '10
Posts:
Reputation:

Hejsa.

Måske det slet ikke er det rette forum, da det ikke skal bruges i en WP, men jeg prøver alligevel...:

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?

<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
<style> //medium+ screen sizes @media (min-width:992px) { .desktop-only { display:block !important; } } //small screen sizes @media (max-width: 991px) { .mobile-only { display:block !important; } .desktop-only { display:none !important; } } </style> </head> <body style="font-family: 'Fjalla One', sans-serif;"> <div class="desktop-only">Only shown on desktop</div> <div class="mobile-only">Only shown on mobile</div>
</body> </html>

Siden kan ses her: http://jeanjensen.dk/sult/sulten.html

Jean Jensen
http://jeanjensen.dk

Skrevet 9 years siden #
WpMh

Nyt medlem
Joined: mar '15
Posts:
Reputation:

Min skifter da fint mellem desktop og mobile når jeg gør browseren mindre, har du fået styr på det? :)

Skrevet 9 years siden #
Jean Jensen

Supermedlem
Joined: jul '10
Posts:
Reputation:

Åhh ja, fik løst problemet sent fredag, men glemte at opdatere hér:

<style> /* medium+ screen sizes */ @media (min-width:992px) { .mobile-only { display:none; } .desktop-only { display:block; } }
/* small screen sizes */ @media (max-width: 991px) { .mobile-only { display:block; } .desktop-only { display:none; } } </style>

- skal koden være, for så virker det.

Skrevet 9 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.