这两个网站如何构建为“响应式”？

Question

我正在研究响应式网页设计，并且遇到了许多这样做的方法，但是我很难区分这样做的最佳方法。

我 - 就像这两个网站的运作方式一样：

1. http://paulrobertlloyd.com/
2. http://colly.com/

然而，我似乎无法弄清楚它们是如何动态改变它们的布局的。是否有一种我遗漏的技术未列在下面？

---

到目前为止，我遇到了以下方法：

1：Javascript

示例 - adapt.js

动态检测屏幕分辨率并选择合适的样式表。

---

2：CSS3媒体查询

使用如下技术：

@media only screen and (max-width: 480px) and (min-width: 320px) {

}

---

3：后端

示例 - Prepending PHP files

仅适用于网站的单个移动版本，镜像原始域并更改标题。

Answer 1

这两个网站都使用媒体查询，您可以在各自CSS文件的底部看到。

Answer 2

这通常被称为弹性CSS。

这里有一个框架：http://elasticss.com/我应该说我从未亲自使用它，所以可能会有更好的东西。