Image width issue with maps

dhg / Skeleton

Skeleton: A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development

http://www.getskeleton.com

MIT License

19.04k stars 3.15k forks source link

Image width issue with maps #10

Closed kennethlove closed 13 years ago

kennethlove commented 13 years ago

At least with the Leaflet.js map library, the img { max-width: 100% } rule makes images not load at all in Firefox. This might affect other map libraries (YMaps, Google Maps, etc) but I haven't tested those.

dhg commented 13 years ago

Hey Kenneth,

Good call. I actually noticed it messed with some jQuery slider plugins too, so I've commented out the declaration with clear notes about why it was there and how it can still be used on specific images rather than every image on a site :) It was honestly a poor declaration (much better to target images that you want to size with the grid).

Appreciate your contribution and look forward to seeing what you make with Skeleton (please let me know!)

Cheers