【发布时间】：2021-01-24 03:20:32
【问题描述】：
Link to app
我编写了媒体查询以使应用具有响应性，当我通过 Chrome DevTools 查看它们时它们看起来很好。第一个截图来自 Chrome DevTools，第二个来自我的 iPhone X：
【问题讨论】：
【发布时间】：2021-01-24 03:20:32
【问题描述】：
Iphone X 的屏幕尺寸为 325x812，这是第一个区别。
其次，G Chrome Dev 是一个模拟器，这意味着它只模拟页面在特定设备上的外观。它不考虑硬件和软件（比如您使用的浏览器）。它们使用不同的渲染引擎，因此必然会出现偏差。
【讨论】：
我检查了 URL，您正在使用 react 来使您的页面具有响应性，这可以确保您的应用程序在所有屏幕尺寸上都能正确显示。
您只有正确的设计，您不希望您的用户在移动设备中打开桌面视图。
【讨论】：