Hallo,
ich stelle gerade unsere Firmenhomepage auf responsive Design um und nutze dazu das bootstrap-Framework.
>> http://www.trennwand-rink.com
Damit die Bilder auf verschiedenen Geräten (Desktop, Tablet, Smartphone) entsprechend skalieren nutze ich dafür die bootstrap-Klasse "img-responsive".
Da die Bilder sich entsprechend der Bildschirmgröße anpassen, habe ich auf die Angabe von "size" und "width" verzichtet.
Das Problem dabei sieht man beim Bildschirmaufbau, nach dem Laden des Bildes "springt" der Rest der Seite nach unten.
Ich lasse die Seite während der Entwicklung immer wieder von verschiedenen Diensten testen, unter anderem von http://nibbler.silktide.com/en
Jetzt bekomme ich eine Fehlermeldung das die Größenangaben bei den Bildern fehlen würden.
Ist das in diesem Fall überhaupt sinnvoll?
In allen Beispielen die ich zu bootstrap und img-responsive finde werden die Werte nicht angegeben.
Hier die Fehlermeldung von nibbler:
Most images (67.0%) don't have defined sizes using width and height attributes in the HTML. These attributes are optional, but strongly recommended as they help the browser arrange the page more quickly.
Add width and height attributes to all image tags. The width and height you specify should be the same as the source image. If you want to resize an image in the browser, use CSS.
