问题描述
我正在构建一个网站，但响应CSS并未像我希望的那样应用于移动设备。我希望这样显示我的网站（由Chrome开发者工具检查）：
但是，当我的网站部署到生产环境中时，该网站的布局完全不同，并且在Chrome，Safari和SNS浏览器之间也有所不同。
对于Chrome
对于Safari
对于SNS浏览器（在这种情况下为FB Messenger。幻灯片不同，但样式实际上对所有用户都是相同的）
我遇到了许多这样的问题，即我在Chrome Dev Tools中应用的设计并没有在现实生活中应用，并且每次发生此类事情时，到目前为止，我仅使用navigator.useragent来检测浏览器为每种类型的浏览器键入并应用特定的CSS，但是我敢肯定这是一个过大的选择。
当发生这种情况时，通常是因为chrome开发工具不准确，还是因为我的逻辑薄弱？还有什么方法可以在移动设备上远程检查DOM元素（我正在使用OSX），以便可以检查到底发生了什么事情？
谢谢！
解决方法
每种浏览器的渲染方式都不同，但我认为您可能隐藏了根目录或正文填充或边距，建议您通过* {}或body {}