使用 Chrome 检查响应式样式
inspecting responsive styles with Chrome
我正在构建一个应用程序,到目前为止我的游戏中最薄弱的部分是样式和设计。但是,我现在有一个特别的问题。我试图让我的仪表板响应,但是当我用我的 chrome 检查员将仪表板看成 iphone 6
时,屏幕缩小得非常远,一切都坏了......这是屏幕截图我是说。
看内容怎么这么远。。。真不知道怎么解决啊?知道我可能做错了什么吗?
请尝试将此添加到您的 HTML 的 <head></head>
:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
参考:w3schools
我正在构建一个应用程序,到目前为止我的游戏中最薄弱的部分是样式和设计。但是,我现在有一个特别的问题。我试图让我的仪表板响应,但是当我用我的 chrome 检查员将仪表板看成 iphone 6
时,屏幕缩小得非常远,一切都坏了......这是屏幕截图我是说。
看内容怎么这么远。。。真不知道怎么解决啊?知道我可能做错了什么吗?
请尝试将此添加到您的 HTML 的 <head></head>
:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
参考:w3schools