mfranzel
asked on
Make Webpages work with Multiple Mobile Devices
Hello, I have some webpages that I need optimized for mobile browsers... When guests connect to our guest wifi, they have to go through the usual process of accepting the terms and going through the pages before they can connect. We have the normal pages that work fine on a computer and contain a lot of formatting and graphics. The mobile pages are much simpler with less graphics to load on mobile devices without issue. However, the problem that I am having is the pages do not resize to fit the screen of the mobile device. So while it looks sort of OK on an iPad, it is extremely small on an iPhone or Android phone screen. How can I fix this? The HTML is written with variable width, so I do not understand why the pages do not resize on smaller screens.
What CSS are you using? Would be good to see sample html code of what you mean as it could be any number of things.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
If you are using percentage or em for dimensioning and/or sizing, you might want to try using vw and vh for that with percentage as a fall back for older browsers. That can help reduce the number of declarations you need for your media queries.
Cd&
Cd&