Responsivt design - Kan man tilpasse eget bilde for mobil?

[Altberger]

Hei!

Her en site hvor enkelte toppbilder blir veldig stygge på mobil;
http://91.225.60.234/~lydisent/lydstudio/voicebox/
(Viser bare svart på mobil)

Er det mulig å gjøre noe for at det for eks viser et annet bilde på mobil, selv om det er responsivt design?

 

[Tonny Kluften]

Kan du midtstille bildet?
Eller endre størrelse på bildet, f.eks. til 30%, ved mindre skjermstørrelser?

 

[thomasstr]

Du kan ved hjelp av media-query sette opp en css klasse som heter .hidden-phone {display:none;}
som du legger til i bildet. Da vil bildet ikke bli vist på mobil.

Media Queries (Responsivt) kan du hente her, http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Sjekk css-klassene dine ette uk-hidden-phone, hidden-phone etc.

 

[Tonny Kluften]

Så kan du på samme måte bruke media-query til å vise et annet bilde på mindre skjermer.