responsive-web-design

[Max Smily]

Hallo,

vermutlich suchst du nach einem Weg, dass sich Bilder in der Breite dynamisch an den Viewport anpassen.

  
@media screen and (max-device-width: 750px), screen and (max-width: 750px) {  
  body { width: auto; }  
  img { width: 100%; } /* Bilder sind immer so breit wie der Viewport */  
  .bgImage { width: 100%; background-size: contain; } /* Hintergrundbilder sind immer so breit wie der Viewport */  
}  

So werden auch sehr große Bilder auf die kleinen Breiten eingepasst. Problem ist, dass die für große Auflösungen angelegten Bilder bei den kleinen Screens trotzdem in voller Dateigröße geladen werden müssen, nicht so gut für langsame Handytarife.

Grüße
Max