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

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



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


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

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


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

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

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


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

【热门文章】
【热门文章】