Html 多分辨率布局

今天早上我看到了一个很棒的网站：

---

设计网站时，管理所有4种分辨率的最佳方法是什么？4种不同的布局，并根据客户的屏幕分辨率在它们之间切换？是否有更明智的做法，比如某种“动态布局”？

媒体查询是CSS 3的一部分，而该网页就是实践中的一个例子。其思想是，您可以根据屏幕/打印以及可用的设备分辨率和其他参数指定不同的CSS文件

一些相关链接：

---

我在这方面做得不多，但我听到了赞成和反对的观点。另一种选择是通过浏览器检测来确定要加载的css/页面。

媒体查询是css 3的一部分，而该网页就是实践中的一个例子。其思想是，您可以根据屏幕/打印以及可用的设备分辨率和其他参数指定不同的CSS文件

一些相关链接：

---

我在这方面做得不多，但我听到了赞成和反对的观点。另一种选择是通过浏览器检测来确定要加载的css/页面。

4种不同大小的布局！=4.你的确切意思是什么？我同意一个单一的布局可以适用于一整套分辨率，比如“320到480像素”。你是这么说的吗？什么意思？您提供的链接是动态布局。。你缩放过那页了吗？我认为这些都是很好的技巧。我完全相信（半）液体布局又回来了。至于图像的缩放。你不能只给每个图像一个特定百分比的宽度。别忘了将最大宽度声明为原始图像宽度，否则图像将变得模糊。嗨，朱尔斯，我没有尝试缩放页面，对不起。我现在更明白这是怎么回事了。这真是令人印象深刻。。。但不幸的是，它与IE 7/8不兼容。它与IE 9.4不同大小的布局配合使用！=4.你的确切意思是什么？我同意一个单一的布局可以适用于一整套分辨率，比如“320到480像素”。你是这么说的吗？什么意思？您提供的链接是动态布局。。你缩放过那页了吗？我认为这些都是很好的技巧。我完全相信（半）液体布局又回来了。至于图像的缩放。你不能只给每个图像一个特定百分比的宽度。别忘了将最大宽度声明为原始图像宽度，否则图像将变得模糊。嗨，朱尔斯，我没有尝试缩放页面，对不起。我现在更明白这是怎么回事了。这真是令人印象深刻。。。但不幸的是，它与IE 7/8不兼容。它与IE9有关。