移动Css&桌面Css设置

时间:2014-01-18 01:49:33

标签: css mobile web desktop

我设置了一个桌面&移动Css,我将桌面放在index.html上,移动设备放在m.index.html上,但桌面上出现了桌面/笔记本电脑和移动设备。如何让移动设备运行

1 个答案:

答案 0 :(得分:0)

您不需要单独的html和css文件。

Seth McClaine建议的视口元标记添加到html的<head>元素中,并将media queries用于平板电脑/移动设备的单独css: - ) - 有点像这样:< / p>

// main css
.foo {
  width: 1000px;
}

// Mobile:
@media (max-width: 600px) {
  .foo {
     width: 500px;
  }
}