I am a novice at js and css. My site features a Google map for desktop/laptop/tablet visitors at www.mauitradewinds.com/location.htm
and a Google map for smart phone visitors at www.mauitradewinds.com/m_location.htm
I'd like to explore the possibility of making the map auto-resize to fit the browser window.
One purpose for this relates to the location marker. The map will center on the marker whenever the zoom control is used, unless part of the map is clipped off in a narrow window. In that case, the marker may become invisible and remain outside the window frame.
Can you provide some code to accomplish this auto-resizing? Also, if there is a reason not to do it, I'd like to hear about it.