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

Question

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

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

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

谢谢你们！

Answer 1

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

所有你需要的：

@media screen and (min-width: 1024px) { .col-5 { 宽度：50%； } }

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

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