为了解决“不同文件中相同的CSS会使页面加载方式不同”的问题，可以使用以下解决方法：

1. 将所有CSS代码合并到一个文件中：将所有CSS代码合并到一个文件中可以避免不同文件之间的加载顺序不同而导致页面加载方式不同的问题。将所有CSS代码放在一个文件中可以确保它们按照正确的顺序加载。

例如，将以下两个CSS文件合并为一个文件：

/* file1.css */
body {
  background-color: red;
}

/* file2.css */
h1 {
  color: blue;
}

合并后的CSS文件如下所示：

/* combined.css */
body {
  background-color: red;
}

h1 {
  color: blue;
}

2. 使用CSS预处理器：CSS预处理器（如Sass、Less等）可以帮助我们更好地组织和管理CSS代码。它们提供了模块化、变量、混合等功能，使得代码更易于维护和重用。通过使用CSS预处理器，可以将相同的CSS代码根据需求拆分到不同的文件中，然后在编译时将它们合并为一个文件。

例如，在Sass中，我们可以使用@import指令将多个Sass文件合并为一个CSS文件：

/* file1.scss */
body {
  background-color: red;
}

/* file2.scss */
h1 {
  color: blue;
}

合并后的CSS文件如下所示：

/* combined.css */
body {
  background-color: red;
}

h1 {
  color: blue;
}

3. 使用构建工具：使用构建工具（如Webpack、Grunt、Gulp等）可以自动化地合并并优化CSS代码。这些工具可以通过配置文件指定合并的顺序，并在构建过程中将多个CSS文件合并为一个文件。同时，它们还可以进行其他的优化操作，如压缩、缓存等，以提高页面加载性能。

例如，在Webpack中，可以通过配置entry选项来指定需要合并的CSS文件：

module.exports = {
  entry: [
    './file1.css',
    './file2.css'
  ],
  // ...
};

在构建过程中，Webpack会将file1.css和file2.css合并为一个文件。

以上是解决“不同文件中相同的CSS会使页面加载方式不同”的一些常见方法。根据具体情况选择适合的方法，以确保CSS代码的加载顺序一致，从而保证页面的加载方式一致。