Html 浏览器视图和实际设备之间的响应差异

Html 浏览器视图和实际设备之间的响应差异,html,css,reactjs,responsive-design,Html,Css,Reactjs,Responsive Design,我在浏览器上使用Reactjs设计了一个完全响应的网页,但是当我在一部真正的手机上打开它时,有些东西是“关闭”的,尽管我是在同一部手机的浏览器上设计的。为什么呢?我在index.html中设置了meta标记。问题是,在部署之前,我永远不知道它在实际设备上会是什么样子,这既耗时又乏味。为什么会这样 计算机和手机上的浏览器引擎可能不同 您是否在这两个浏览器上使用相同的浏览器?像铬 如果不是这样,就会有一些不同。 希望能有所帮助。请提供一些代码或屏幕截图,以便理解。不,它们不一样。在我的电脑上是Chr

我在浏览器上使用Reactjs设计了一个完全响应的网页,但是当我在一部真正的手机上打开它时,有些东西是“关闭”的,尽管我是在同一部手机的浏览器上设计的。为什么呢?我在
index.html
中设置了meta标记
。问题是,在部署之前,我永远不知道它在实际设备上会是什么样子,这既耗时又乏味。为什么会这样

计算机和手机上的浏览器引擎可能不同

您是否在这两个浏览器上使用相同的浏览器?像铬

如果不是这样,就会有一些不同。
希望能有所帮助。

请提供一些代码或屏幕截图,以便理解。不,它们不一样。在我的电脑上是Chrome,但在我的手机上是Safari(iPhone的默认浏览器)。因此,不同的浏览器将输出不同的内容,即使两者都支持所有内容?是的。因为某些css属性可能不受支持。对于一些本机实现,所有浏览器都使用自己的浏览器,这有时有点不合适。因此,在这种情况下,在部署之前,如何知道我的设计是否适用于所有最常用的浏览器?例如,我在计算机上使用Windows,而据我所知,Safari在Windows上不可用。请尝试使用测试不同的浏览器和版本。