同一个浏览器内看同一个页面，本地启动的和部署在服务器上的样式不同

Question

第一张是部署到阿里云的，用域名查看。
第二张是在本地用localhost查看。
审查元素后发现相关样式是不一样的。在想是不是适配屏幕没做好，可是不太知道怎么做。
样式是引用的bootstrap和adminlte。自己基本没单独调整。
在这方面没太有经验，求指教。

Answer 1

清缓存，检查线上线下的样式文件是否一致

Answer 2

你可以参考一下这个。css-renders-differently-on-web-server-than-on-development-environment

你可以审查一下对比一下本地的和阿里云的区别：
1，是否被修改了doctype
2，是否添加默认样式
3，meta标签有没有区别
4，是否因为缓存没有加载最新的代码等

我只是提供一下思路，原因很多，自己多看看

Answer 3

本地启动和服务器启动排除项目部署本身的不同问题之外会出现资源加载顺序的问题。

部署在本地的时候资源加载速度比较快基本不会出现资源加载先后顺序的问题，但是部署在服务器上面就需要网络请求所有的资源，这样可能就会有资源加载先后是否加载完成的情况了。

Answer 4

确认下是否是浏览器的缩放。。。看起来是前端调试时修改了缩放，然后试图访问部署后的网页时缩放恢复为默认值。
不同的缩放比例可能导致响应式网页采用不同的样式（因为逻辑上屏幕宽度变了）

Answer 5

试试浏览器的兼容模式，嘿嘿