With the latest post on my brand new blog I have some error with images becoming extremely small when viewing on phone and tablet, screenshot http://i.imgur.com/vppRJlz.png it only happens when the images are left aligned. Link to the blog http://snip.li/LyGi I still can't figure out what caused this and like to learn how to get this crazy thing under control.

Details:

-Using Firefox on Android

-The images are 400px wide and embedded 1:1

-This error does not appear with the inline browser of the WordPress Android app, then images are are full width above the post.

I tried it with Chrome and Firefox in phone emulation mode and it works fine. Can't see anything wrong with the CSS either.

So it's probably some Firefox/Android glitch.

I tried it with Chrome and Firefox in phone emulation mode and it works fine. Can't see anything wrong with the CSS either.

So it's probably some Firefox/Android glitch.

Update: it appears to only be an issue with Firefox/Android. But still no idea why and how to solve this.

Thanks for checking!

I tried it with Chrome and Firefox in phone emulation mode and it works fine. Can't see anything wrong with the CSS either.

So it's probably some Firefox/Android glitch.

Update: it appears to only be an issue with Firefox/Android. But still no idea why and how to solve this

Well, yes. As it seems to be an internal glitch to do with the Android version of Firefox I dont think there would be much you can do to fix it. Maybe they will fix it in some future release.

You mentioned that it only affects left-aligned images. Could you remove the left-align class and position the element some other way? That might get round it. (In a small window the photo probably doesnt need to be aligned at all as it would fill the entire width of the screen anyway.)