响应式网站设计不再响应

时间:2013-09-18 14:49:45

标签: html css html5 css3 responsive-design

我正在努力将网站转换为RWD(非后轮驱动器)并突然遇到问题。

作为我诊断的一部分,我尝试回溯我的css文件,以便对mobile.css的唯一更改是从#000到#FFF的背景颜色我可以看到更改生效但我不能让它切换样式表。

这是我在头部中按顺序排列的标签

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="canonical" href="http://www.your-adrenaline-fix.com/about.html">

<!-- no-rss -->

<title>About Me and How to Contact Me</title>

<meta name="Description" content="About Me and How to Reach Me with Questions, Comments or Suggestions.">

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="support-files/mobile.css"/>

<?php include 'z-end-of-head.php'; ?> //This houses the standard style sheet along with GA code etc

</head>

以下是页面:http://www.your-adrenaline-fix.com/about.html

如果有人可以与我分享为什么网站不再在样式表之间切换,我会非常感激,因为我尝试移动标签和工作,但似乎没有任何效果。

1 个答案:

答案 0 :(得分:0)

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="support-files/mobile.css"/>移到</head>之前,即在PHP添加所有其他CSS文件之后。