Kom ihåg mig?
Home Menu

Menu


Högupplösta Retinaanpassade bilder som straffas av Google

 
Ämnesverktyg Visningsalternativ
Oläst 2018-10-04, 21:57 #3
kw_wasabis avatar
kw_wasabi kw_wasabi är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Feb 2008
Inlägg: 2 134
kw_wasabi kw_wasabi är inte uppkopplad
Klarade millennium-buggen
kw_wasabis avatar
 
Reg.datum: Feb 2008
Inlägg: 2 134
Jag fixar detta i CSS, mest för att få ner laddningstiden i mobiler eftersom det inte finns någon anledning att ha bilder över 1000px för dessa besökare.

HTML
Citat:
<img src="bild-1200px.jpg" class="desktop">
<img src="bild-600px.jpg" class="mobile">
CSS
Citat:
img.desktop {visibility: hidden; display: none;}
img.mobile {visibility: visible; display: inline;}

@media only screen and (max-width: 520px) {
img.desktop {visibility: hidden; display: none;}
img.mobile {visibility: visible; display: inline;}
}
kw_wasabi är inte uppkopplad   Svara med citatSvara med citat
 


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 03:07.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017