如何创建响应式网站设计？

Question

我正在设计一个网站，我想让它适用于所有屏幕分辨率。

这是我想要的一个例子。

http://www.fork-cms.com/

我的问题是，编码这样的代码的最佳方法是什么？

我会做点什么吗

if(resolution < 768px)
   //resize page and or move elements around
else if(resolution == 1080px)
   ////resize page and or move elements around

Answer 1

查看Bootstrap。它是一个基于HTML5和CSS3的框架，由Twitter开发，用于创建响应式网站。请参阅http://getbootstrap.com/。

Answer 2

针对行业标准截止点的Css媒体查询通常是要走的路。 一个常见的实现是bootstrap。

Answer 3

我制作了一个简单的网格系统，基于一些流行的网格系统，如金网系统和boostrap。看看它并开始玩它：http://oneillwebs.com/grid/

点击（下载）链接以获取完整版本。