Javascript 响应网格不适应屏幕大小。我如何称呼脚本？

我再次回到这里，提出另一个关于响应网格系统的问题。我有一个网站，它使用各种列的响应网格系统，我有1024、768和480的CSS代码。我肯定会在页面上插入css脚本，但我不确定要使其工作所需的jQuery/java代码

我的问题是：我需要什么脚本来命名这些css样式

这些是否有助于我检测用户的屏幕大小？（我认为网络浏览器的大小是我最大的担忧之一，因为不同的用户无法看到整个页面，但必须左右滚动才能看到整个菜单）。 非常感谢任何帮助或输入，我真的不想重新设计整个页面

---

谢谢你们

您甚至不需要调用脚本（我不知道您的意思），您只需要响应的样式表

您所需要的一切：

@media screen and (min-width: 1024px) { .col-5 { width: 50%; } } @媒体屏幕和屏幕（最小宽度：1024px）{ 上校5{ 宽度：50%； } }

• @media

  是CSS

  @

  规则，用于媒体查询

• screen

  表示这些样式仅用于屏幕，不用于打印机或演示文稿

• （最小宽度：值）

  和

  （最大宽度：值）

  用于指定应用这些样式的最小或最大屏幕大小。您可以组合

  （最小宽度）

  和

  （最大宽度）

---

无论何时，如果您在编写响应网格系统时遇到问题，您都可以开始使用框架（例如）。

jQuery/java？？？？？我想您有点困惑是的，我很困惑，因为我一直在阅读有关“Web自适应”的内容，这让我比任何东西都更困惑。如果是自适应的，为什么元素上有固定的像素宽度<代码>正文{margin:0 auto；width:1300px；这不是它应该如何工作的。媒体对宽度的查询在哪里？当我在浏览器上查看时尝试使用百分比值时，我的一些元素似乎排列不正确。@user3147144提示：CSS文件不是脚本，它们是样式表。：）例如这里？''使用多个样式表

s作为媒体查询是错误的。它会发出许多HTTP请求。：Dok，请耐心听我说，如果我在不同的页面中使用不同的列怎么办？我看到你使用了“.col-5”并设置了宽度…但是如果我在某些页面中使用了2-12列，而在其他页面上没有呢？（我知道，你现在可能已经开始发疯了）不需要它。用Bootstrap或基础试试，你会看到它的工作。<代码>。COL-5/COD>只是一个获取媒体查询风格的示例类。）：你不盲目使用任何框架，你阅读文档，在你后面有一些CSS和HTML排版，或者你学习它们。