Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
iPad Orientation does not change screen.width or CSS @media orientation
-
I have added:
<meta name=“viewport” content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>
in my <head> tag in a simple app that display the “window.innerWidth”, “screen.width”, “document.body.scrollWidth” and “window.orientation”.
and in the CSS I also use " @media screen and (orientation:landscape) { …}"
The window.orientation shows correct value when rotate, but on the iPad the width(s) does not change. The width(s) and orientation works on iPhone and Android phone and Android tablet.
Once again, only the iPad rotate/orientation shows correct value, but the width(s) does not change and hence the CSS @media couldn’t take effect.
Any hints on solving this on Monaca would be greatly appreciated.
-
I am also experiencing this issue. Did anyone ever find a solution to this?
Thanks
-
hello, did you find a solution to this problem?
now i am trouble to this problem
-
@hello, have you tried adding viewport-fit=cover ?
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">Jamal
-
@jamal thanks Jamal
I did with my solution but this problem is not solve
-
@hello, see if the following helps:
-
@jamal thanks you so much ^^
