I have created a page to display a google map using a full screen photograph as the background, everything works ok apart from on my iPhone. The map displays larger than the background photograph, I assume it is the lack of responsiveness of the google map that is causing the problem, how do I fix it ?http://www.bsworld.co.uk/Working%20Canines%20Map/WorkingCaninesMap.html
You need a max-width:100% on the Map or use an iFrame that supports responsive behaviour
Thanks for replying, I figured it out - made the Google Map responsive… all working ok now
Sorry I mis-read the question the first time and had to modify my answer. Glad its working now.