如何使我的网站更便于移动

Question

我正在寻求建议，如何在移动设备上显示我的网站，使其在PC和iPad上正确显示和加载，但在移动设备中太大：

这是我的一个网站：https://amtgridiron.neocities.org/bflers/

以下是CSS代码链接：https://amtgridiron.neocities.org/bflers/bfl.css

我喜欢把内容放在中间，因为我认为它看起来很棒，但在手机上内容看起来太大了。

其他页面：

https://amtgridiron.neocities.org/bflers/bflchampionshipgame.htm

我需要有表格的页面一起出现在网站上，以显示按时间顺序排列的结果，但内容仍然太大，有什么建议吗？

期待收到您的

Alex

Answer 1

我认为在您的案例中使用Bootstrap这样的框架会让您的生活更轻松。

如果您不知道Bootstrap是什么，它是一个CSS框架，用于开发响应式和移动优先应用程序，这意味着您可以为移动和桌面设备设计web。

这也可以在传统的CSS中通过使用媒体查询来实现，因此您可以通过选择最大宽度来为移动设备设计网页。这里有一个小例子：

@media (max-width: 600px) {
.facet_sidebar {
display: none;
}
}

在这种情况下，如果最大宽度小于600px，网站将不会显示侧边栏。

例如，您可以在web中使用它，以便调整列和行。