Question

我在这里搜索，我发现我可以使用以下其中一种：

Adapt.js或媒体查询

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

如果没有提及任何其他解决方案？谢谢:)

Answer 1

<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">

Answer 2

你可以在CSS中使用这样的东西

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

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

Answer 3

如果您打算支持多个屏幕，我建议您使用960网格http://960.gs/。

Answer 4

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

have a detailed info about these here

针对不同屏幕尺寸的不同CSS？

4 个答案: