响应式网格不适应屏幕尺寸。我该如何调用脚本？

Question

我又回到了这里，还有另一个关于响应式网格系统的问题。我有这个网站http://www.waldenservices.com，它使用各种列的响应网格系统，我有1024,768和480的CSS代码。我肯定在页面上插入css脚本但我不确定jQuery / java代码我需要让它工作。

我的问题是：我需要用什么脚本来调用这些css样式？

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

谢谢你们！

Answer 1

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

所有你需要的：

@media screen and (min-width: 1024px) {
  .col-5 {
    width: 50%;
  }
}

• @media是CSS @规则，用于媒体查询。
• screen表示这些样式仅适用于屏幕，不适用于打印机或演示文稿。
• (min-width: value)和(max-width: value)用于指定应用这些样式的最小屏幕尺寸或最大屏幕尺寸。您可以合并(min-width)和(max-width)。

每当您遇到编码响应式网格系统的问题时，您就可以开始使用框架（例如Bootstrap）。