0

我在这里搜索，发现可以使用以下方法之一：

Adapt.js 或媒体查询

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

如果没有提到是好的，还有其他解决方案吗？谢谢 ：）

4

4 回答 4

4 
<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">
于 2012-05-16T10:41:52.813 回答
2

你也许可以在 CSS 中使用类似的东西

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

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

于 2012-05-16T10:31:43.437 回答
2

如果您计划支持多个屏幕，我建议您使用 960 Grid http://960.gs/。

于 2012-05-16T10:34:57.297 回答
0

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

在这里有关于这些的详细信息

于 2012-05-16T10:54:52.470 回答