Rudra Analyzer

Free mobile-friendly checker

Open your page in a real browser at phone, tablet and desktop sizes and find out whether it's set up for mobile screens: whether the viewport tag is correct, whether people can zoom, and which elements spill off the side and make visitors scroll sideways.

Enter one page, for example https://yourwebsite.com or https://yourwebsite.com/pricing.

What this tool checks

  • Viewport tag

    Whether the page has a viewport meta tag, whether it uses width=device-width, and whether it blocks zooming with user-scalable=no or a maximum-scale below 2.

  • Content wider than the screen

    Whether the page is wider than the device at each size, measured against the real screen width, with up to five of the elements that stick out and by how much.

  • Three screen sizes

    Phone (375×667), tablet (768×1024) and desktop (1440×900), with the phone and tablet views emulating a mobile browser.

  • Screenshots

    A screenshot of the first screen on the phone, plus a screenshot of any size where we found a problem.

  • Loading problems

    Whether the page failed or timed out at any of the sizes.

How the check works

We load your page in Chromium three times — once per screen size — wait for it to finish loading, then compare the page's width with the real device width and take screenshots where they help. Mobile browsers quietly widen the layout to fit content that's too wide, so we measure against the device width rather than the browser's own viewport, which would hide the problem.

The score starts at 100: a missing viewport tag costs 20 points, a viewport without width=device-width 10, a viewport that blocks zooming 5, each screen size with sideways overflow 15, and loading problems 10.

This quick check doesn't measure tap-target size, text size or overlapping elements. Signed-in users can run a deeper layout test on several phone, tablet and desktop profiles that also looks for form fields small enough to make phones zoom in and navigation that runs off the screen.

Evidence you'll see

For each screen size you'll see whether it passed and the page width we measured. Overflow findings name the elements that stick out (their CSS selector and width against the screen width), viewport findings quote your tag exactly, and screenshots show what the problem looks like.

What this tool does not check

  • Real phones and every browser

    It uses Chromium with mobile emulation. Safari on iPhone and older Android browsers can still behave differently.

  • Tap targets, text size and overlap

    Buttons that are too small, text that's too small to read and elements covering each other need the deeper layout test or a look by hand.

  • Mobile speed

    Loading speed on a phone is measured by the speed checker, not here.

  • Menus and interactions

    Nothing is tapped or opened, so menus, pop-ups and forms aren't tried out.

Common problems we find

  • No viewport tag, or one that blocks zoom

    Older sites often have no viewport tag, so phones show a shrunken desktop page; others set user-scalable=no, which stops people with low vision from zooming.

  • Fixed-width elements

    Containers, tables or embeds set to a fixed pixel width that's wider than a phone screen.

  • Images and videos that don't shrink

    Media without max-width: 100%, pushing the page wider than the screen.

  • Wide tables

    Pricing or comparison tables with many columns.

  • Long unbroken text

    Long URLs, email addresses or code that can't wrap onto the next line.

How to fix them

  1. Fix the viewport tag

    Put '<'meta name="viewport" content="width=device-width, initial-scale=1"> in the page head, and remove user-scalable=no and maximum-scale=1.

  2. Use flexible widths

    Replace fixed pixel widths with max-width and percentages, and use CSS grid or flexbox so layouts wrap on small screens.

  3. Make media shrink to fit

    In your CSS, give images, videos and iframes max-width: 100% and height: auto.

  4. Let wide tables scroll inside their own box

    Wrap tables in a container with overflow-x: auto, or stack columns on small screens.

  5. Allow long words to break

    Use overflow-wrap: anywhere on text areas that may contain long URLs.

Frequently asked questions

Does it test on real phones?

No. It uses a real Chromium browser set to phone and tablet screen sizes with mobile emulation. That catches layout problems reliably, but it isn't identical to every phone and browser, especially Safari on iPhone.

Is this the same as Google's Mobile-Friendly Test?

No. Google retired its standalone Mobile-Friendly Test in 2023. Our check looks at two of the most common causes of a poor mobile layout — a missing viewport tag and content wider than the screen — and shows you screenshots.

Why don't I get a screenshot for every size?

We keep screenshots for the phone view and for any size with a problem, so the report shows what matters. Screenshots capture the first screen, but the overflow check measures the whole page width.

Does it check how fast my site is on mobile?

No. Use the speed checker for that — Lighthouse simulates a mid-range phone on a mobile connection by default.

My score is 100. Is my site perfect on mobile?

It means the page has a correct viewport tag that allows zooming and nothing spills off the screen at the three sizes we test. Buttons that are too small to tap or text that's too small to read need a closer look, or the deeper layout test available to signed-in users.

Helpful guides

Related free tools

Rather have someone fix it for you?

These checks are free and so are the guides. If you'd prefer a person to make the changes, our team offers paid help.

See professional help optionsHow we test and scoreAll free tools