Link to home
Start Free TrialLog in
Avatar of mfranzel
mfranzelFlag for United States of America

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.
Avatar of Rob
Rob
Flag of Australia image

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
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
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&