如何让我的网站在纵向设备上看起来更好

Question

目前我的网站在移动设备上看起来像这样：

但是我希望它在移动设备上看起来像这样：这是CSS： https://pastebin.com/9sxwCwyt

我尝试在堆栈溢出上查看不同的答案，甚至询问过chatgpt，但仍然一无所获。

print("Hello World!")

Answer 1

将此添加到

<head>

标签下。

<meta name="viewport" content="width=device-width, initial-scale=1" />

手机通常具有高分辨率，如果没有此标签，网站会显得很小。