Afbeeldingen nu responsive

[Björn]

Als je dit forum op je mobiel bekeek waren afbeeldingen vaak groter dan de breedte van je scherm en moest je horizontaal scrollen. Dat heb ik nu opgelost.

EDIT: Het kan zijn dat je de pagina even moet herladen om ook de stylesheet opnieuw te laden voor je ziet dat het werkt. Als een of meer van onderstaande afbeeldingen niet goed worden weergegeven de pagina herladen dus.

Als het goed is zijn alle onderstaande afbeeldingen nu niet breder dan je scherm als je deze pagina op je mobiel of tablet bekijkt:

Extern gehost met [ IMG ] bbcode ingevoegd, groter dan maximale breedte:


Extern gehost met [ IMG ] bbcode ingevoegd, kleiner dan maximale breedte:


Lokaal gehost en ingevoegd met [ attachimg# ] (Inline afbeelding op maximale grootte), groter dan maximale breedte:


Lokaal gehost en ingevoegd met [ attachimg# ] (Inline afbeelding op maximale grootte), kleiner dan maximale breedte:

[Robert Koopman]

Geen van de 4 plaatjes is te breed op mijn iPad.
Lijkt mij een prima instelling!

[Briolet]

Op mijn iBook halveert het externe plaatje in breedte als ik de browserwindow versmal tot smaller dan zou passen. (vervormt dan) Bij het interne plaatje moet ik nog steeds scrollen. Idem als ik de iPhome of iPad useragent gebruik.

[Björn]

Wat is een iBook?
Het kan zijn dat je even moet refreshen, want de wijzigingen zitten deels in de .css welke niet altijd direct ververst wordt door je browser.

[Björn]

Zie screenshot van mijn iPhone voor refresh (onderste afbeelding is te breed)



En na refresh: (allemaal goed)

[Briolet]

Wat is een iBook?
Het kan zijn dat je even moet refreshen…

Ik had eigenlijk verwacht dat als je van user-agent wisselt, zo'n refresh afgedwongen zou worden door de wissel. In elk geval log ik nu net weer in en zijn alle plaatjes perfect geschaald als ik mijn browserwindow in de smalste mode zet. (met een iPhone en default useragent)

[Björn]

Top!