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

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。 这是一个基于Twitter开发的HTML5和CSS3的框架，用于创建响应式网站。 请参阅http://getbootstrap.com/ 。

Answer 2

通常，针对行业标准截止点的CSS媒体查询是必经之路。 引导程序是一种常见的实现方式。

Answer 3

我已经基于一些流行的系统（例如，金色网格系统和boostrap）制作了一个简单的网格系统。 检查一下并开始播放w / it： http : //oneillwebs.com/grid/

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