What are the best methods to ensuring your website displays correctly on mobiles/tabs

[charlyanderson]

I have designed a website which is validated correctly but display incorrectly on my tab and mobile which use chrome.

Are there methods to solving issues with mobiles?

[webdevs]

Ok, You needs to check the div structures and CSS first compitible with world major browsers. Once it work with browser ok, then check with mobile browser.

[tracknut]

Media queries, to scale your site down for smaller devices, is a good way to handle it. There's no one perfect solution for mobile, but I'm pretty pleased with mq.

Dave

[janvermeer]

Originally Posted by tracknut

Media queries, to scale your site down for smaller devices, is a good way to handle it. There's no one perfect solution for mobile, but I'm pretty pleased with mq.

Dave

yup, media is the best option

[charlyanderson]

I am familiar with media queries as I have used them previously, my problem is I never know how to actually test them to make sure it all works

[tracknut]

Set the meta tag for the viewport size in your header:

<meta name="viewport" content="width=device-width">

Then just use your regular browser and size it up and down to simulate your various sizes for mobile devices. That will get you a long way, without even looking at the site on a mobile. But since you say you have a tablet and a mobile, you could also test on them periodically.

Dave

[webdevs]

Can you please show me you website so, i can let you know what things you will needs to fix for the mobile and web browsers