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

Question

我是HTML和CSS开发的新手,我创建了一个在PC网页浏览器上看起来很好的html.

然而,当我使用我的Android手机浏览器来查看它时,由于手机屏幕太小,手机用户需要做很多滑动才能找到他们想要聚焦的区域.

我的网页中间只有一个索引表,而正文的左侧和右侧都是空白的.我在想是否有办法检测浏览器是否来自移动设备,然后调整页面正文？

欢迎任何建议.谢谢.

Answer 1

它是:

1. 你应该看看并学习一些像这样的响应式网站代码.

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