javascript - 如何在手机上调整html页面的大小

Question

我是 HTML 和 CSS 开发的新手。我创建了一个在 PC 网络浏览器上看起来不错的 html。

但是我用安卓手机浏览器看的时候，由于手机屏幕太小，需要滑动很多，才能定位到我想要聚焦的区域。

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

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

Answer 1

它是:

1. 您应该看看并学习一些响应式网站代码，例如 this one .

2. 尝试在您的开头标签后添加此代码 <meta content='width=device-width, initial-scale=1' name='viewport'/>如果您不想在较小的屏幕上使用水平滚动条。