网页在手机浏览器中超宽windows
Webpage is super wide in mobile browser windows
我创建了以下网页：
http://isometricland.net/games/games.php
问题是在我的 Lumia 上，在 UC 浏览器和 Edge 中，文本很小。 （事实上，一切都变得很小。我必须放大才能阅读任何内容。）
这是我的 CSS 代码的问题吗？或者，移动浏览器是否错误地报告了设备的屏幕尺寸？我写了一些媒体查询来根据以 em 为单位的屏幕大小呈现略有不同的样式，但未检测到最小尺寸。
如果问题出在网页上，我想解决这个问题，但我不知道如何判断它是是网页的问题，还是问题是什么。
请帮忙！
尝试将以下内容添加到您的 <head>：
<meta name="viewport" content="width=device-width, initial-scale=1">
有关详细信息，请参阅 Using the viewport meta tag to control layout on mobile browsers。
您将要面对的下一个问题是表格的使用。这些将导致页面布局更宽，因为它们不换行。你可以做的是将它们放在一个响应式包装器中，该包装器将滚动任何额外的溢出：
<div class="scroll-overflow">
<table>...</table>
</div>
div.scroll-overflow {
overflow-x: scroll;
}
最后，您在网站底部加载了完整的 728x90 广告。这也会导致整体布局非常宽，从而在屏幕上显示得更小。
您应该在此处放置更窄的广告，或者使用 CSS 限制广告宽度。通过这些小的更改，您的网站对移动用户的友好程度会立即提高很多倍。
这是之前（左）和之后（右）。
我创建了以下网页：
http://isometricland.net/games/games.php
问题是在我的 Lumia 上，在 UC 浏览器和 Edge 中，文本很小。 （事实上，一切都变得很小。我必须放大才能阅读任何内容。）
这是我的 CSS 代码的问题吗？或者，移动浏览器是否错误地报告了设备的屏幕尺寸？我写了一些媒体查询来根据以 em 为单位的屏幕大小呈现略有不同的样式，但未检测到最小尺寸。
如果问题出在网页上，我想解决这个问题，但我不知道如何判断它是是网页的问题，还是问题是什么。
请帮忙！
尝试将以下内容添加到您的 <head>：
<meta name="viewport" content="width=device-width, initial-scale=1">
有关详细信息，请参阅 Using the viewport meta tag to control layout on mobile browsers。
您将要面对的下一个问题是表格的使用。这些将导致页面布局更宽，因为它们不换行。你可以做的是将它们放在一个响应式包装器中，该包装器将滚动任何额外的溢出：
<div class="scroll-overflow">
<table>...</table>
</div>
div.scroll-overflow {
overflow-x: scroll;
}
最后，您在网站底部加载了完整的 728x90 广告。这也会导致整体布局非常宽，从而在屏幕上显示得更小。
您应该在此处放置更窄的广告，或者使用 CSS 限制广告宽度。通过这些小的更改，您的网站对移动用户的友好程度会立即提高很多倍。
这是之前（左）和之后（右）。