CSS 与 smartphones/mobile 不同
CSS is different in smartphones/mobile
我正在建立一个网站，但响应式 CSS 没有像我希望的那样应用于移动设备。我希望我的网站像这样显示（通过 Chrome 开发工具检查）：
但是，当我的网站部署到生产环境时，网站的布局完全不同，并且在 Chrome、Safari 和 SNS 浏览器之间也有所不同。
对于Chrome
对于 Safari
对于 SNS 浏览器（在这种情况下是 FB Messenger。Slide 不同，但所有样式几乎相同）
我遇到过很多这样的问题，我在 Chrome Dev Tools 中应用的设计在现实生活中没有应用，每次发生此类事情时，到目前为止我只使用 navigator.useragent 来检测浏览器类型并为每种类型的浏览器应用特定的 css，但我确信这是一种矫枉过正。
出现这种情况，一般是因为chrome开发工具不准确，还是我的逻辑不健全？有什么方法可以远程检查移动设备上的 DOM 元素（我正在使用 OSX），以便我可以检查到底发生了什么？
谢谢！
每个浏览器呈现不同，但我认为您可能隐藏了根或主体填充或边距我建议您通过 * {} 或 body {}
我正在建立一个网站，但响应式 CSS 没有像我希望的那样应用于移动设备。我希望我的网站像这样显示（通过 Chrome 开发工具检查）：
但是，当我的网站部署到生产环境时，网站的布局完全不同，并且在 Chrome、Safari 和 SNS 浏览器之间也有所不同。
对于Chrome
对于 Safari
对于 SNS 浏览器（在这种情况下是 FB Messenger。Slide 不同，但所有样式几乎相同）
我遇到过很多这样的问题，我在 Chrome Dev Tools 中应用的设计在现实生活中没有应用，每次发生此类事情时，到目前为止我只使用 navigator.useragent 来检测浏览器类型并为每种类型的浏览器应用特定的 css，但我确信这是一种矫枉过正。
出现这种情况，一般是因为chrome开发工具不准确，还是我的逻辑不健全？有什么方法可以远程检查移动设备上的 DOM 元素（我正在使用 OSX），以便我可以检查到底发生了什么？
谢谢！
每个浏览器呈现不同，但我认为您可能隐藏了根或主体填充或边距我建议您通过 * {} 或 body {}