Mobile: does the page fit a phone? Mobile
The phone icon opens the page at real phone width. You see right away whether something sticks out over the edge or is too small.
1What is it?
The mobile check opens the current page in a window 360, 390 or 430 pixels wide and measures whether the content is wider than the window. Plus the viewport tag and the smallest font size.
2Why it matters
Google rates the mobile version of the page. A table that runs off to the right or an image without max-width makes the whole page clumsy, and you do not see it on a desktop.
3What TagSpion checks
| Check | Rating |
|---|---|
| Viewport tag | red if missing or user-scalable=no |
| Horizontal scrolling | red if the page is wider than the window, with the element that causes it |
| Smallest font | yellow below 12 pixels |
4How to fix it
- Set the viewport tag, limit images and tables with max-width: 100 %, put tables in a scrollable container.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img, video, table { max-width: 100%; height: auto; }
.table-wrap { overflow-x: auto; } /* <div class="table-wrap"><table>…</table></div> */
</style>5Frequently asked questions
Does this replace real devices?
No, but it is a quick first test. The window has the width, not the touch handling of a phone.