Html 响应代码不在表上工作

当我调整浏览响应代码的大小时，但当我在移动或切换设备模式下打开响应代码时，响应代码不工作。我使用媒体查询，但它在移动设备上不起作用。我在移动设备中找到了滚动条。但在调整浏览器的大小方面效果很好

正文{
背景色：#91ced4；
}
正文*{
框大小：边框框；
}
.标题{
背景色：#327a81；
颜色：白色；
字号：1.5em；
填充：1rem；
文本对齐：居中；
文本转换：大写；
}
img{
边界半径：50%；
高度：60px；
宽度：60px；
}
.表格用户{
边框：1px实心#327a81；
边界半径：10px；
盒子阴影：3p3p0RGBA（0,0,0,0.1）；
最大宽度：钙（100%-2米）；
保证金：1em自动；
溢出：隐藏；
宽度：800px；
}
桌子{
宽度：100%；
}
表td，表th{
颜色：#2b686e；
填充：10px；
}
表td{
文本对齐：居中；
垂直对齐：中间对齐；
}
表td：最后一个孩子{
字号：0.95em；
线高：1.4；
文本对齐：左对齐；
}
表th{
背景色：#daeff1；
字体大小：300；
}
表tr：第n个子项（2n）{
背景色：白色；
}
表tr：第n个子项（2n+1）{
背景色：#edf7f8；
}
@媒体屏幕和屏幕（最大宽度：700px）{
表，tr，td{
显示：块；
}
td：第一个孩子{
位置：绝对位置；
最高：50%；
-webkit转换：translateY（-50%）；
转化：translateY（-50%）；
宽度：100px；
}
td：不是（第一个孩子）{
明确：两者皆有；
左边距：100px；
填充：4px20px 4px90px；
位置：相对位置；
文本对齐：左对齐；
}
td：不是（：第一个孩子）：之前{
颜色：#91ced4；
内容：''；
显示：块；
左：0；
位置：绝对位置；
}
td:第n个孩子（2）：之前{
内容：“姓名：”；
}
td:第n个孩子（3）：之前{
内容：“电子邮件：”；
}
td:N个孩子（4）：之前{
内容：“电话：”；
}
td:N个孩子（5）：之前{
内容：“评论：”；
}
tr{
填充：10px0；
位置：相对位置；
}
tr：第一个孩子{
显示：无；
}
}
@媒体屏幕和屏幕（最大宽度：500px）{
.标题{
背景色：透明；
颜色：白色；
字号：2em；
字号：700；
填充：0；
文本阴影：2p2px0rgba（0,0,0,0.1）；
}
img{
边框：3倍实心；
边框颜色：#daeff1；
高度：100px；
保证金：0.5雷姆0；
宽度：100px；
}
td：第一个孩子{
背景色：#c8e7ea；
边框底部：1px实心#91ced4；
边界半径：10px 10px 0；
位置：相对位置；
排名：0；
-webkit转换：translateY（0）；
变换：translateY（0）；
宽度：100%；
}
td：不是（第一个孩子）{
保证金：0；
填充：5px1em；
宽度：100%；
}
td：不是（：第一个孩子）：之前{
字体大小：.8em；
垫面：0.3em；
位置：相对位置；
}
td：最后一个孩子{
填充底部：1 em！重要；
}
tr{
背景色：白色！重要；
边框：1px实心#6cbec6；
边界半径：10px；
盒影：2p2px0RGBA（0,0,0,0.1）；
保证金：0.5雷姆0；
填充：0；
}
.表格用户{
边界：无；
盒影：无；
溢出：可见；
}
}

使用者
图画
名称
电子邮件
电话
评论
无名氏
简。doe@foo.com
01 800 2000
Lorem ipsum dolor sit amet，奉献精英。
无名氏
厕所。doe@foo.com
01 800 2000
布兰迪提斯是一位发明家，他解释说，他是一位很好的发明家。
史密斯任務
简。smith@foo.com
01 800 2000
这是一种致命的疾病。
约翰·史密斯
厕所。smith@foo.com
01 800 2000
我们需要积累经验、经验、智慧和最大时间消耗。

将视口标记添加到您的

---

将视口标记添加到您的

宽度=设备宽度部分设置页面宽度，以跟随设备的屏幕宽度（根据设备的不同而有所不同）

初始缩放=1.0部分设置浏览器首次加载页面时的初始缩放级别。

宽度=设备宽度部分设置页面宽度，以跟随设备的屏幕宽度（根据设备的不同而有所不同）

---

initial scale=1.0部分设置浏览器首次加载页面时的初始缩放级别。

您可以在此处阅读有关此元标记的更多信息（）。如果你能将我的答案标记为正确，如果它在你得到机会时有帮助，那么请。你可以在这里阅读更多关于这个元标记的内容（）。如果你能将我的答案标记为正确，如果它在你有机会时有用，那么请。

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