移动和主要 CSS 混淆答案

【问题标题】：Mobile and Main CSS Mix-up移动和主要 CSS 混淆
【发布时间】：2011-09-13 14:15:27
【问题描述】：

我的网站有两张 CSS 表格，一张主要 CSS 和一张移动 CSS。问题是在移动设备（iPhone、Android）上查看时，两个样式表会混淆。例如，在 iPhone 上查看网站时，会应用主样式表中的一些样式。

这可能是什么原因造成的？以下是我的 CSS 声明：

<link href="css/main.css" rel="stylesheet" type="text/css" />

<link media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" rel="stylesheet" />
<meta name = "viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

【问题讨论】：

标签： mobile css

【解决方案1】：

main.css 文件将包含在您正在查看页面的任何设备中，mobile.css 的媒体查询部分将与其他样式表一起为您的给定参数调用。

如果您在包含样式时遇到问题，请使用媒体查询排除 main.css 或在 mobile.css 文件中重新声明这些样式。

【讨论】：

重新声明 mobile.css 中的样式很有效，非常感谢。