Javascript 不同的屏幕大小有不同的CSS？

我在这里四处搜索，发现我可以使用以下选项之一：

Adapt.js或媒体查询

我想知道什么更好用？我基本上需要调整一些指定的div的大小，以适应不同的屏幕。（800x600和640x480）

---

如果以上提到的都不好，还有其他解决方案吗？谢谢：）

您可以在CSS中使用类似的内容

@media only screen and (min-device-width: 768px) {
   ... put your css here
}

---

以上内容可能仅适用于移动设备

如果您计划支持多个屏幕，我建议使用960网格

---

媒体查询是您的最佳解决方案

---

看看这一点：我很乐意提供一些帮助。我用它来制作Ipad和手机屏幕。它有一两天的学习时间，但你会惊讶于它的工作效率。好运气，到目前为止，我对这些专栏文章一无所知：D！我想我会在空闲时间读的。谢谢你，工作很好，简单又快。谢谢；）仅供参考：我将上述内容用于iPod/iPad接口。在iPad上显示的是分屏，在iPod上显示的是单屏

<link rel="stylesheet" media="all" href="css/common.css">
<!--Responsive style sheets -->
<link rel="stylesheet" media="all and (min-width: 600px) and (max-width: 800px)" href="css/name1.css">
<link rel="stylesheet" media="all and (min-width: 480px) and (max-width: 640px)" href="css/name2.css">