不同的CSS为不同的屏幕尺寸?(Different CSS for different screen

2019-09-17 06:25发布

我在这里寻找以防万一,我发现我可以使用下列之一:

Adapt.js或媒体查询

我想知道什么是更好地使用? 基本上,我需要调整不同的宽度不同的屏幕一些指定的div。 (800×600 640×480和)

如果没有提到的是好的,没有其他解决办法? 谢谢 :)

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:

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

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



文章来源: Different CSS for different screen size?