2

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

我 - 真的 - 喜欢这两个网站的工作方式:

  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:后端

示例 -前置 PHP 文件

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

4

2 回答 2

4

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

于 2011-10-10T13:58:34.370 回答
2

这通常被称为弹性 CSS。

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

于 2011-10-10T13:58:01.973 回答