php - 没有 Javascript 的 CSS 框架

Question

我需要建立一个网站，但我有不使用 javascript 的具体说明。除此之外，我还必须制作一个适用于 iPhone/移动设备（也没有 javascript）。我可以根据具有一些 PHP 魔法的设备切换样式表，因此它不必是同一个 CSS 文件。

我想知道的是，对于这两种情况，有哪些推荐的 CSS 框架？

score 4 · Accepted Answer

您将使用媒体查询来实现这一点。

基本思想是从移动端进行设计，或“响应式”设计。你应该谷歌搜索以获得更多洞察力。

然后，您可以使用这样的运算符

@media only screen and (max-width: 480px){
    #content{
        display:block;
    }
}

例如，定义特定元素如何为每个视图更改。可以通过基本搜索找到大量资源，因此无需在此处详细概述。

您还可以像这样添加特定的样式表：

<link rel="stylesheet" media="all and (max-width: 480px)" href="http://foo.bar.com/stylesheet.css" />

如果要分隔每个视图的样式表。

祝你好运。

如果您有具体问题，请随时提出，我可以更新。

score 0 · Accepted Answer

正如凯青所指出的，媒体查询确实是满足您提到的标准所需的全部内容。

如果你想使用 CSS 框架让事情变得更简单，你可以使用Bootstrap、Foundation或任何其他框架，而不需要 JavaScript 部分。

下面是一个演示如何使用Cascade 框架实现响应式设计。该演示不使用任何 JavaScript 代码并回退到 IE6 到 IE8 的桌面版本（因为这些浏览器不支持媒体查询）。

2 回答 2