我在我的Django应用程序中创建了一个价格页面，该页面有3列。如果屏幕大小超过768像素，我希望它并排显示所有3列。但是如果它小于768像素，我希望只有1列，并且每个列都有不同的定价选项。

由于某种原因，没有遵循@media属性。不管屏幕大小是多少，页面总是显示3列。下面的截图应该只有1列（像大多数移动友好的页面一样）

当前页:

JS fiddle-链接 奇怪的是，在这个JS小提琴中，它似乎遵循了一些属性。

代码:

@media screen and (max-width)

顺晟科技：

解决方案是在我的页面中添加此代码

@media screen and (max-width)