如果我只想让我的网站响应,我应该使用啥 css 框架 [关闭]

Posted

技术标签:

【中文标题】如果我只想让我的网站响应,我应该使用啥 css 框架 [关闭]【英文标题】:What css framework should I use if I just want to make my website responsive [closed]如果我只想让我的网站响应,我应该使用什么 css 框架 [关闭] 【发布时间】:2014-11-20 08:46:06 【问题描述】:

所以基本上我的网站工作正常,我想保持所有颜色、字体等原样。所以我只想让我的网站响应移动设备和平板电脑。我一直在研究 Base 和 Gumby,不确定它们是否是好的选择,因为我从未研究过它们。所以基本上当我想做这样的事情时我只是安装网格系统吗?什么是最好的框架用于这样的事情不会弄乱我的填充和我网站上已有的其他东西。提前致谢!

【问题讨论】:

可能重复如何提问? :) 【参考方案1】:

非基于意见的客观位

在您的网站上安装大多数网格系统可能会破坏它的某些方面。你真的不能把一个放进去,然后在需要的时候使用它,你需要从它开始设计并一直携带它。

如果您想让它响应式而不需要从头开始重写,请查看media queries,因为这就是它的魔力。

CSS 框架使用大量媒体查询来实现响应式设计,然后在其上捆绑 很多 内容。如果您只想要响应方面的东西,您可以实现自己的媒体查询(常见的断点是移动设备的 0-640px、平板电脑的 641-1024px 和桌面设备的 1025px+。


如果你不小心,可能会基于意见(但希望不是,在这里)

有很多流行的响应式设计框架(以及随之而来的整个 mcguffins),其中两个最受欢迎的是 Twitter Bootstrap 和 Zurb Foundation。我不是在这里提倡对它们的讨论,因为 SO 不是为了发表意见,我只是说它们存在并且被广泛认为对于生产工作来说“足够强大”,如果你想去看看它们的话。还有很多其他的也足够健壮。

【讨论】:

非常感谢!我最终没有使用我已经开始使用的 Bootstrap,但我现在不会使用它。我目前正在处理媒体查询...非常感谢!

以上是关于如果我只想让我的网站响应,我应该使用啥 css 框架 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET CSS - 将文本框设置为 div 的 100% 宽度

我本机上的项目是8088端口,我只想让一台机器可以访问我的项目,其它的不可以。请问,这个怎么设置啊?

使用 WSPBuilder 将 JavaScript、CSS 和其他内容添加到 WebPart

如何让我的 CSS @media 代码在移动设备上运行以使我的网站具有响应性?

我啥时候想让我的私人课程成为静态的?

为啥我的导航标签会在悬停时移动?我该如何解决?我只想使用 css,