如何让我的网站在智能手机上看起来不错

Question

所以我正在构建这个单页类型的网站。我从0开始制作，现在我试着检查它在智能手机上的外观。这个网站只有50%的宽度，其余的都是空白页。我一直在寻找原因，但我不知道发生了什么。我对这个很陌生，这是我的第一个网页tbh。我不知道从哪里开始寻求帮助，所以我来到了这里。

Answer 1

所有的设计都是静态的。您必须使它与显示器的视图保持动态。您可以使用引导程序网格系统使其更容易。

Answer 2

您有两种可能性：

1. 您可以使用Bootstrap创建一个响应式网站：https://getbootstrap.com/docs/4.4/layout/grid/

2. 如果您不想使用Bootstrap，可以使用@media queries根据屏幕大小调整设计。您可以参考https://media-queries.aliasdmc.fr/media-queries-live.php检查您可以使用什么。例如，如果你只想在横向智能手机上应用修改，你需要在css上使用以下代码：

@media only screen and (min-width : 321px) {
/* Here your code */
}