Html 当调整到小于600px时，段落不响应100%宽度

到目前为止，从设计角度来看，一切都很不错。当我调整浏览器大小时，页眉、页脚和我的3列堆栈都会响应。我唯一想做的事情就是让我的

div=“content”

中的段落在600px或更小的时候能够100%地适应其宽度

我应该怎么做才能添加或更改CSS以使其适合移动应用程序中的段落

*。{
宽度：100%；
}
身体{
字体系列：Andale Mono、monospace；
保证金：0；
}
p{
字体大小：24px；
}
.标题{
填充顶部：200px；
垫底：200px；
文本对齐：居中；
背景色：#001f4d；
}
.标题h1{
字体大小：64px；
颜色：白色；
宽度：100%；
}
.标题p{
颜色：白色；
}
.页脚{
字体大小：24px；
填充顶部：50px；
填充底部：50px；
文本对齐：居中；
背景色：#00cc44；
}
/*开始主要内容*/
.内容{
背景：#0d0d；
填充：80px；
颜色：白色；
}
.关于我{
左边距：300px；
右边距：300px；
}
.栏目{
浮动：左；
宽度：33.33%；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*超大设备（大型笔记本电脑和台式电脑，1200像素及以上）*/
@媒体屏幕和屏幕（最大宽度：1200px）{
身体{
宽度：100%；
}
.关于我{
/*宽度：100%*/
/*保证金：自动*/
}
}
/*小型设备（肖像平板电脑和大型手机，600px及以上）*/
@媒体屏幕和屏幕（最大宽度：600px）{
身体{
宽度：100%；
}
#主要段落{
宽度：100%；
}
.关于我{
/*宽度：100%*/
/*保证金：自动*/
}
.栏目{
宽度：100%；
显示：块；
边缘底部：20px；
}
}

道格·坎农传记
我的网站
欢迎来到我的网站

关于我
这是我的错，我的错是我的错，我的错是我的错。穆利特和精英代表穆利特在两人对决中被判死刑。我的知识在我的职业生涯中一直存在，但在我的职业生涯中，我一直在努力。这是一个充满活力的世界





第1栏
一些文字

第2栏
一些文字

第3栏
一些文字

版权放在这里，因为它很酷&复制；2019

在css中添加以下内容：

@media only screen and (max-width: 600px){
    .about-me {
        margin-left: 0;
        margin-right: 0;
    }
}

---

我将在这里重复同样的评论：。。不要使用太大的边距，还有其他的技术来集中内容和限制宽度，比如使用最大宽度和自动边距