如果在移动设备上查看网站,请更改样式

Question

可能重复:
CSS媒体类型:如何为移动设备加载CSS？

我正处于项目中间,您可以看到我在源代码中使用的所有代码.

在主页上有一个轻量级的javascript滑块,问题是由于某些原因它在移动设备上使用时不显示.那么任何人都可以帮我提出一个解决方案或告诉我如何在移动设备上观看不同的东西吗？

为了显示不同的IE样式,我使用它:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

手机有类似的东西吗？

Answer 1

您可以使用媒体查询:http://www.w3.org/TR/css3-mediaqueries/

基本上它看起来像这样:

@media only screen and (max-device-width: 480px) {
   /* .... styles */
}