Html 主分区CSS不工作

我正在构建一个响应性强的站点，当主分区的CSS处于桌面大小时可以工作，但当我调整到移动大小时，主分区的CSS就停止工作。也许这与@media屏幕功能不正常有关？ 我已经在这个问题上纠缠了两个月，找不到问题所在

HTML和CSS:

/*浏览器的主体样式*/
/*HTML位置/高度/宽度*/
html{
位置：相对位置；
身高：100%；
宽度：100%；
}
/*身高/边距/宽度/位置*/
身体{
位置：绝对位置；
最小宽度：100%；
最小高度：100%；
边际：0px；
}
/*主要*/
/*主边缘*/
@媒体屏幕和屏幕（最小宽度：481px）{
主分区{
边缘底部：147px；
左边距：5px；
右边距：5px；
位置：相对位置；
利润上限：4倍；
}
/*主文本样式段落*/
分区主p{
链接装饰：下划线；
颜色：#000000；
字体系列：“verdana”，日内瓦，无衬线；
利润上限：4倍；
文本对齐：左对齐；
}
/*主手机*/
@媒体屏幕和屏幕（最大宽度：481）{
/*主要利润移动*/
主分区{
边缘底部：147px；
左边距：5px；
右边距：5px；
边缘顶部：2倍；
位置：相对位置；
}
/*主文本样式段落移动*/
分区主p{
链接装饰：下划线；
颜色：#000000；
利润上限：4倍；
文本对齐：左对齐；
字体系列：“verdana”，日内瓦，无衬线；
}
}
/*其他*/
：：选择{
背景：#c1c1；
}
：-moz选择{
背景：#c1c1；
}

-家
奥雷姆·伊普斯姆·多洛·西特·艾米特（Lorem ipsum dolor sit amet）是一位杰出的预言家。他是一位伟大的预言家。他是一位伟大的预言家。他是一位伟大的预言家。他是一位伟大的预言家。他是一位伟大的预言家奥托尔、努克·苏西皮特、临时普尔维纳的传说、乌托尔·鲁特鲁姆·特尔皮斯、乌托尔·尼斯韦利特·奥托尔·索利西图丁、车辆前厅的传说、二人组奥托尔·奥托尔·特鲁斯、奥迪奥委员会的一位代表、莫里斯的伟大领袖、普尔维纳的自由女神、社会的精英、利托拉·托尔的领袖每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔，每一个鼻孔

应该是

@media screen and (max-width: 481px) {

别忘了你的单位

---

另外，你应该确保你的规则不重叠…最大481px和最小481px将使这两个规则在481处生效。你应该让你的最大值降低1px…或者让你的最小值提高1px。

非常感谢你！我现在觉得很愚蠢哈哈。我还将@media屏幕之一设置为480px。

@media screen and (max-width: 481px) {