I have a page, it dynamically flows using css % units. On the desktop if I resize the page looks beautiful, the text reflows making the page longer to accommodate. On the desktop if I zoom the page looks beautiful, everything gets bigger and reflows making the page longer to accommodate.
On mobile when I zoom the page stays the same aspect ratio, the whole thing gets bigger there is no reflow and it becomes a pane to use.
How do i get the zoom on mobile to reflow like on the desktop?
Edit:
After reading the links in RoyalleBlue comments I added the following tag:
<meta name="viewport" content="width=device-width">
This tells mobile devices to initially flow to the "actual" width. This is a very good start. Good enuff that are client is happy with the "mobile site." But, it still zooms like a mobile devices: page stays the same aspect ratio the whole thing gets bigger and there is no reflow. So I'm still in search of an answer.
Yes you can. Just hide that particular info <div> from CSS. Just a note that do not rely on Zoom Web SDK for your mobile users. I have spent lot of time on this topic and now I have changed my mind to develop my own Android an iOS apps just because Web SDK is not supporting iOS mobile devices.
We recommend using the desktop client or mobile app. Only use the web client if you cannot access the other options. Some features can be disabled by the account owner, admin, or host. For Zoom Phone, see our comparison of Zoom Phone features.
Recap: Use the Zoom desktop app for the most features If you want to have admin-like controls over a Zoom meeting, we would strongly recommend sticking with the Zoom desktop app. For those of you who just want to call in to a meeting and participate, you'll be fine with the Zoom mobile app.
Using Responsive metatag you can able to do this
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With