Responsive design via an iframe for ArcGIS Java Script API 3.2

[SunilPalkar]

Hello All,

Currently I am working on ArcGIS JSAPI ver 3.0/3.2 . I have created few maps in .html files then my IT admin putting this file in i-frame (at our custom site)

I am not using i-frame in my .html file. Interesting fact is that when I access the map on various device say (i-pad ,tab ,laptop ,mobile) my map is not resizing properly even I am testing in Firefox (Responsive Design View) its not resizing.

1.I have inserted the meta tags for i-os still its not resizing.

2.Checking the CSS also (CSS might not the issue)

3.Going though similar questions 1 , 2

4.Researching on this at my end

Any help/suggestions will be great.. thanks..

Complete code @ JS Fiddle

[RahulMetangale1 · Accepted solution]

Sunil,

Try following:
http://stackoverflow.com/a/12678294

[SunilPalkar]

Thank Rahul.. I will check and let you know..

thanks once again : )

Sunil,

Try following:
http://stackoverflow.com/a/12678294

[SunilPalkar]

@Rahul

thanks for the code. Its working fine now.

What we did is that created custom CSS + applied your code.

Its working cool...

thanks once again Rahul : )

Thank Rahul.. I will check and let you know..

thanks once again : )