我昨天才在研究构建移动优化页面时接触到媒体查询。我发现与我最初的解释相反,媒体查询指向一个样式表,该样式表是现有样式表的补充和覆盖。
是吗?有没有办法告诉访问者浏览器忽略原始样式表而只将样式表用于移动设备?
以下是现有代码:
<link href="styles_mobile.css" media="screen and (max-device-width: 480px)" type="text/css" rel="stylesheet">
<link type="text/css" href="styles.css" rel="stylesheet">
这样做
是完全可以接受的。