使用 Chrome 检查响应式样式

inspecting responsive styles with Chrome

我正在构建一个应用程序,到目前为止我的游戏中最薄弱的部分是样式和设计。但是,我现在有一个特别的问题。我试图让我的仪表板响应,但是当我用我的 chrome 检查员将仪表板看成 iphone 6 时,屏幕缩小得非常远,一切都坏了......这是屏幕截图我是说。

看内容怎么这么远。。。真不知道怎么解决啊?知道我可能做错了什么吗?

请尝试将此添加到您的 HTML 的 <head></head>:

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

参考:w3schools