Html 响应网页不工作

我是响应式网页设计的初学者。我创建了一个页面，但当我尝试在不同的设备上检查时，它不起作用。这是我的代码和屏幕截图

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

我已经试了两个星期了。请有人帮帮我

---

首先将

charset=“utf-8”

移动到它自己的元标记，如下所示：

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

---

还要检查打字错误：你写的

device=width

实际上应该是

device width

也许你应该从网站上的示例开始。谢谢你的回复。我已经更正了我的代码，但不起作用。我是否也必须更改样式表？如果不知道您的样式表当前的样子，很难说。请考虑编辑您原来的问题，并添加一个煮沸版本的样式表，即：它不必包含所有的风格定义，但应该包含媒体查询，如果使用。更好的是：使用我添加的scc文件创建一个小演示。你能帮我解决这个问题吗？我想指出一大堆错误：

clearfix:afeter

应该是

之后的
，
框阴影
可以
插入
，但不能
插入
，并且在
标题导航ui li a:visited
规则中不应在此处输入代码
。在这一点上，我将加入Jeroen的推荐，并为您指出一个教程。请完成这个
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">