Responsive Application

Forum|Forum|9 years ago
May 4, 2017
3 replies
2775 views

Hello,
I'm building an application that must fit on a smartphone screen. Everything works fine except when I rotate the device. I have to images below to exemplify the case.

The application is composed with a master that is horizontally divided and has one header and one responsive row. The header is 130px height.

As we can see on the images above, when the device is vertically rotated, the header seems to consume less space on screen than when it's horizontally rotated. Ideally, I want everything to work as if it was vertically.

A

ankigupta

5-Regular Member

Hi Radix Engineering and Software,

As per my understanding from the images shared; the height of the Header seems same but the content size has reduced. Could you please confirm if the zoom level is same when the orientation is horizontal vs vertical?

I hope it helps.

R

rengineeringand

Author

1-Visitor

Hi, Ankit Gupta.

Thanks for your response. The zoom level on the browser is the same for both orientations and the image I sent has different resolutions

What I expect to happen is that the application is responsive related both to the height and the width of the screen. Or, maybe block page rotation. Is it possible?