[responsive] Plaatjes in tabellen worden vervormd

[TERW_DAN]

Locatie
productreview: Gigabyte G1.Sniper B5 review door TERW_DAN

maar ook op het forum

SuperPi - 1M
ASRock M8	9.719 s
ASRock M8 OC	9.131 s
MSI G45	9.64 s
MSI G45 OC	9.172 s

Omschrijving
De hoogte en breedte van een plaatje zijn niet meer in verhouding met elkaar als deze vast opgegeven zijn. Ze gaan dan uit van de standaardaspectratio van het plaatje, ook al worden deze in de img-tag aangepast.

Stappen om het te reproduceren
Als je de viewport kleiner maakt, dan klopt er niets meer van de plaatjes. Ik draai op een resolutie van ~650x768 (de helft van m'n 11" scherm). Door het scherm te verkleinen verspringen de plaatjes.

Platform
Win7 64b

Browser
Opera 12, Chrome

Type apparaat
MSI U270

[thefal]

Funky! Hier een plaatje hoe het er bij mij uitziet:

Platform
Win7 32bit

Browser
IE 9.0.8112

[TERW_DAN]

Dat doet hij dus hier ook.

[hylke94]

Hier ook. Standaard bug dus...

In Grade A geen last van, dus iets met de responsive css/js.

-edit:

Boosdoener gevonden:

media="(max-width: 767px), (max-device-width: 767px) and (orientation: portrait), (max-device-width: 499px) and (orientation: landscape)"
.messagecontent img {
max-width: 100%;
height: auto;
}

Als hier (responsive_c.css:460) de height:auto uitgezet wordt, gaat het hier weer goed. Heb alleen geen idee of de rest van Tweakers dan nog goed gaat...

[ Voor 67% gewijzigd door hylke94 op 05-02-2014 16:33 ]

[_David_]

* bump *

Dit gebeurt ook bij de nieuwe review van TERW_DAN: productreview: Noctua NH-D9L review door TERW_DAN



Chrome for Android
Android 5.0.1