如何使我的网站的布局适合不同的浏览器窗口大小，就像Tumblr一样？

Question

我开始研究asp.Net现在， 我了解基本的HTML（不CSS） 我需要你的帮助，如何建立自己的网站契合的网页浏览器，

这样的：

当我调整第一

和最后

我尝试乱七八糟

Answer 1

用我自己的技巧和我的网站上创建这就是所谓的adaptive layout technique但最近创造responsive web design（包括伟大的文章）。使用这种技术的网站的图片可以在mediaqueri.es找到。

它的胆量是基于使用CSS来为默认的“宽视图”设置网站样式，然后使用@media CSS查询为特定的屏幕尺寸应用额外的CSS规则。例如：

body { color:red; } 

@media screen and (max-width: 800px) { 
    body { color:green; } 
} 

@media screen and (max-width: 650px) { 
    body { color:blue; } 
} 

演示：jsfiddle.net/6LX9n（调整窗口的宽度以行动见）