为什么我的 Web 应用程序在 phone 上被查看时看起来不一样？
Why do my web apps look different when they're being viewed on a phone?
Link to app
我已经编写了媒体查询以使应用程序响应，当我通过 Chrome DevTools 查看它们时它们看起来很好。第一张截图来自 Chrome DevTools，第二张截图来自我的 iPhone X:
Iphone X的屏幕尺寸为325x812，这是第一个区别
其次，G Chrome Dev 是一个模拟器，这意味着它只模拟页面在特定设备上的外观。它不考虑硬件和软件（比如您使用的浏览器）。他们使用不同的渲染引擎，所以必然会出现偏差。
我检查了 URL，您正在使用 React 使您的页面具有响应性，这会确保您的应用程序在所有屏幕尺寸上都能正确显示。
您只是设计正确，您不希望您的用户在移动设备中打开桌面视图。
Link to app
我已经编写了媒体查询以使应用程序响应，当我通过 Chrome DevTools 查看它们时它们看起来很好。第一张截图来自 Chrome DevTools，第二张截图来自我的 iPhone X:
Iphone X的屏幕尺寸为325x812，这是第一个区别
其次，G Chrome Dev 是一个模拟器，这意味着它只模拟页面在特定设备上的外观。它不考虑硬件和软件（比如您使用的浏览器）。他们使用不同的渲染引擎，所以必然会出现偏差。
我检查了 URL，您正在使用 React 使您的页面具有响应性，这会确保您的应用程序在所有屏幕尺寸上都能正确显示。
您只是设计正确，您不希望您的用户在移动设备中打开桌面视图。