Python 部署到aws elastic beanstalk的django网站在移动设备和台式计算机之间有什么区别？

我已经将我的web应用程序（现在只是一些带有js和css的模板）部署到aws elastic beanstalk，网站已经启动并运行

我为网站的布局使用了一个预定义的主题，其中包括响应性设计

在dekstop计算机上，即使我手动调整窗口大小，网站看起来也不错。在每一个决议，它看起来伟大！每个图标和图像都能完美加载

现在，如果我想在我的智能手机（移动设备）上查看网站，它会开始“刷新”。它在起始页下方添加了一个白色条，在不同的浏览器上，它只是将一些div完全混合在一起，呈现在页面顶部而不是底部。 某些图标也没有正确显示

我在桌面电脑上尝试了不同的浏览器，一切都很好。在智能手机上，我在所有浏览器上都有问题

我查看了上的网站（www.meyn-computer-lotse.de），网站也完美地显示了出来

我就是找不到我的错误

现在我有两个问题： 1.在移动设备上是否有一种简单的方法来查找网站的css规则，因为在桌面pc上我可以轻松查找应用的规则。 2.我是否必须在django或aws elastic beanstalk中为移动设备指定某些内容

---

非常感谢您的帮助。

您可以在浏览器中按F12键，而不是在使用手机时查找应用的CSS规则。如果使用Chrome浏览器，则可以切换设备工具栏，并在要查看网站的不同设备之间进行选择

要回答第二个问题，要确保页面响应，可以使用类似于Bootstrap“”的内容。Bootstrap负责Javascript和CSS，以确保所有内容都正确显示，尽管有时您可能不得不选择不同的布局，因为Bootstrap有一些限制

您可以区分桌面用户和移动电话用户，为他们提供不同的模板，该模板针对他们使用的设备进行了优化。这里有几个不同的选项：

• 使用
  django mobile提供了一种检测移动浏览器和 为您提供了工具，可以将一些不同的模板渲染到 向用户交付站点的移动版本

• 使用
  MobileESP有一个简单的API用于检测移动设备。API 如果设备是当前设备，则返回简单的布尔值结果TRUE 指定的类型，如果不是，则为FALSE。例如，想知道 您的访客使用的是iPhone、Android或Windows Phone设备？简单地 使用方法DetectTierIphone（）

---

我希望这些信息对您有用。

基于您的问题，我认为标签应该有所不同。您正在询问有关检查mobileHi的CSS，首先非常感谢！我通过F12按钮在谷歌Chrome上查看了这个网站，在IPhone X或Galaxy S5上它总是很好看。但是，在我真正的移动设备上，它看起来不太好/不一样..这就是我没有得到的。就像我说的，我买了网站主题，它应该是响应性的，我有不同宽度和所有不同的css。我真的不想亲自经历这些，这就是为什么我使用预先编程的主题。