我的网站在firefox中是像素完美的，但在google chrome中没有显示其真实外观，但是我对我的网站使用bootstrap-4和响应断点。但是为什么它们不能正常工作？
答案 0 :(得分：0)
在设计网站时，这很常见。如果外观不错，则可以保持其外观或某些开发人员的用途，那就是使用jquery检查浏览器或在服务器端进行检查。您可以进行简单的通话，并可以根据自己的身体和风格来设置类别。祝你好运！这是jQuery浏览器检测的链接：https://api.jquery.com/jquery.browser/
答案 1 :(得分：0)
这是正常现象，从chrome到Firefox，不支持某些属性或将某些属性设为相同。最引人注意的属性是位置。我建议您研究MongoDB Extended JSON，最好使用不同的浏览器CSS
答案 2 :(得分：0)
一遍又一遍地询问（使用浏览器和渲染引擎的不同组合）。但实际上并没有答案。相反，请记住以下几点，以使您的工作在MOST流行的浏览器和设备上看起来更加相似。
一个
没有完美的像素。。即使您设法达到在源材料（Photoshop，Sketch等）顶部放置的屏幕截图非常完美的程度，也可以转到另一台计算机（相同的浏览器和源材料），但没有一行起来但是，即使那样也不太可能，因为按照定义，诸如Photoshop文件之类的文件无法响应。
两个
您可以调整竞争环境，以使大多数浏览器对您的代码进行类似的处理。为此，您需要了解每个浏览器都有不同的默认值，然后删除这些默认值，以便CSS代表最终解决方案。有两种典型的方法可以做到这一点：
CSS重置-这些会删除所有样式并迫使您构建所有内容。
CSS Normalize-尝试使所有浏览器的基本样式相同。 （我在所做的每个项目中都使用规范化功能）
三个
了解CSS box-model。涉及到浏览器如何处理构成渲染HTML页面的margin/padding/content的“框”。浏览器使用的盒子模型会影响尺寸和间距。规范化通常可以解决此问题，但是默认情况下，许多浏览器使用不同的盒子模型。
还值得关注屏幕像素密度（这会影响任何固定大小的像素），并转换为基于百分比的大小（rem，vh/vw，%），以便所有设备开始渲染尽可能接近您想要的东西。
四个
了解每种浏览器的功能，并计划fallbacks或shims在这些情况下恢复/添加功能。首先，检查要与caniuse.com一起使用的内容。这将告诉您是否需要使用后备功能，检测缺失的功能，或者只是接受事实，即它不能像您希望的那样在任何地方使用。