javascript - 根据屏幕分辨率实现元素的自动调整大小/定位

Question

我一直在看http://www.nytimes.com/chrome并想知道我如何才能实现与他们类似的功能。更具体地说，请注意，当您调整浏览器窗口大小时，故事的数量及其尺寸会动态变化。

在我的例子中，我有一个宽度可变的

，里面有一个无序列表，我想根据浏览器窗口的尺寸动态调整显示的元素数量 (

)。

是否有 Javascript 库可以帮助我实现这一点？

最佳答案

我用这三篇文章作为这类东西的引用:

• Responsive Web Design
• Fluid Images
• Fluid Grids

真正流畅的网站的两个主要技术是:

1. 不同的主题取决于浏览器的大小(这可以通过 CSS meda 查询、JavaScript 等实现)
2. 这些主题中的每一个都是用百分比/em 定义的，不是 像素。 (这适用于主题中的所有内容:文本、框、图像，一切。)

Ethan Marcotte，写了所有这些文章的人，有一个 example site采用这些想法。

关于javascript - 根据屏幕分辨率实现元素的自动调整大小/定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4832786/

Answer 1

我用这三篇文章作为这类东西的引用:

• Responsive Web Design
• Fluid Images
• Fluid Grids

真正流畅的网站的两个主要技术是:

1. 不同的主题取决于浏览器的大小(这可以通过 CSS meda 查询、JavaScript 等实现)
2. 这些主题中的每一个都是用百分比/em 定义的，不是 像素。 (这适用于主题中的所有内容:文本、框、图像，一切。)

Ethan Marcotte，写了所有这些文章的人，有一个 example site采用这些想法。