Javascript 如何调整手机上html页面的大小

我是HTML和CSS开发的新手。我已经创建了一个html，它在PC网络浏览器上看起来很好

然而，当我使用我的Android手机浏览器查看它时，由于手机屏幕太小，需要做很多滑动来定位我想要聚焦的区域

我的网页中间只有一个索引表，而正文的左右部分都是空白的。我在想，是否有办法检测浏览器，看看它是否来自移动设备，然后调整页面主体的大小

---

欢迎任何建议。提前感谢。

现在最流行的方法是使用CSS媒体查询。媒体查询中的任何代码将仅应用于指定的参数。这通常适用于浏览器的高度和宽度，但也适用于打印样式表、显示分辨率和其他一些功能

下面是一个示例，目标浏览器宽度在320px和480px之间，这是智能手机的常见尺寸

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  body {
    background: #999;
    width: 100%;
  }
}

您可以在这里找到更多示例：

它是：

您应该看看并学习一些响应性强的网站代码，如

如果您不想在较小的屏幕上显示水平滚动条，请尝试在打开标题标签后添加此代码

---

令人惊叹的！甚至两年后，这真的帮助了我：）