Responsive Design and images

I have a page that contains a map as a background.  On the page their are links.  When you size the browser screen down it reaches a point that the map is so small the links become irrelevant. Is there a way to design a page that is responsive, but when you are on a smart phone or the like you can expand the page and make it larger so you can interact with it?  Sort of like the way you can use your figure to zoom into an image?
http://www.energyreco.com/mapping/
LVL 8
rgranlundAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

William FulksSystems Analyst & WebmasterCommented:
Image maps, in general, are not considered mobile friendly for this very reason. You have a giant map of the U.S. full of links and there's no good way to shrink it down and make it still usable while looking the same. What I would do is include a list of links to all those map locations either above or below the map image itself.

To answer your question, you would need to remove the parts that cause the image to resize based on browser width. That would allow mobile users to zoom in and out like they would on any other page not made for mobile. Basically, you can't have it both ways with that large of an image map.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Jessica WhitleySoftware DeveloperCommented:
William is right. To keep the map you have to give it a smaller working area. You could use media queries to force it to zoom into an area on resize or based on screen size. Maps are not phone friendly unless it's full screen.
You would only be able to do that by forcing focus to that screen separate from your main application which is not always simple. Giving a search option with a results list and a smaller zooming map is probably your best bet.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.