CSS框架，没有Javascript - CSS framework with no Javascript

CSS framework with no Javascript

本文关键字：Javascript 没有框架 CSS | 更新日期: 2023-09-26

我需要建立一个网站，但我有具体的指示不使用javascript。除此之外，我还必须制作一个适用于iPhone/移动设备的游戏(也不需要javascript)。对我来说，用一些PHP的魔法来根据设备切换样式表是很好的，所以它不必是相同的CSS文件。

我想知道的是，有哪些推荐的CSS框架适合这两种情况?

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

https://developer.mozilla.org/en-US/docs/CSS/Media_queries

基本思想是从移动端向上设计，或"响应式"设计。你应该用谷歌搜索一下。

然后使用

这样的操作符

@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" />

如果你想为每个视图分离样式表

好运。

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

正如Kai Qing所指出的，媒体查询实际上是您所需要的，以满足您提到的标准。

如果你想使用CSS框架使事情更容易，你可以使用Bootstrap， Foundation或任何其他框架，没有JavaScript部分。

这里是如何使用Cascade Framework实现响应式设计的演示。该演示不使用任何JavaScript代码，并退回到IE6到IE8的桌面版本(因为这些浏览器不支持媒体查询)。