Html CSS响应的内部DIV未调整为外部DIV宽度

我正在尝试使用媒体查询使我的网站具有响应性。外部DIV改变宽度，但内部节点的宽度似乎没有改变

紫色是最外层的部分

内部文本不随响应大小的变化而变化

外部DIV变小，但内容保持相同的宽度

代码如下：

.main{
边际：0px；
宽度：1200px；
背景颜色：蓝色；
}
.自动样式3{
边际：0px；
背景：rgba（204204204,0.7）；
}
@仅介质屏幕和（最大宽度：799px）{
梅因先生{
宽度：100%；
}
.自动样式3{
宽度：100%；
}
}

纳玛
Tvrtka Agrofit d.o.o.osnovana je 2012。godine s ciljem pružanja stručnog savjetovanja i ostalih u Poljopriverednoj proizvodnji。
“od sjetve dožetve”项目是一个合作伙伴，该合作伙伴将为赫瓦茨克共和国提供新的项目。

您可以选择： a） 使用

font size

属性更改字体大小，或 b） 在容器上使用

溢出

，使内容可滚动

---

编辑：如果您希望文本换行，还有其他选项，请参阅此问题的其他答案。

这是因为您在

.auto-style3

div上定义了固定宽度。删除内联

style=“height:100px；width:1200px”

---

您需要对

.auto-style3

元素应用

最大宽度

，使其不超过其父元素的宽度

.auto-style3{
边际：0px；
背景：rgba（204204204,0.7）；
}
梅因先生{
边际：0px；
宽度：1200px；
背景颜色：蓝色；
}
.自动样式3{
最大宽度：100%；
}
@仅介质屏幕和（最大宽度：799px）{
梅因先生{
宽度：100%；
}
.自动样式3{
宽度：100%；
}
}

纳玛
Tvrtka Agrofit d.o.o.osnovana je 2012。godine s ciljem pružanja stručnog savjetovanja i ostalih u Poljopriverednoj proizvodnji。“od sjetve dožetve”项目是一个合作伙伴，该合作伙伴将为赫瓦茨克共和国提供新的项目。

我想让内容随着他们在银行里的div而改变，这样就行了。我需要把它放在div里面的所有东西里吗？你可能应该把它应用到任何具有固定宽度和高度的元素上。我甚至想说，如果您需要保持响应性并保持内容动态，请避免显式设置宽度和高度。如果您需要设置显式值，无论出于何种原因，请尝试使用外部样式（通过样式表）而不是内联样式，因为内联样式具有更高的特异性，并且您将很头疼如何使用响应样式（@media querys）来过度限定它们。非常感谢您已经有很多CSS了，试试“vw”属性，它可以扩展到屏幕大小，而无需媒体查询。请删除所有内联样式！带有auto-style3类的DIV有一个“style”属性。样式属性的优先级高于任何其他.class或#id规则定义。您将宽度设置为1200px，因此宽度永远不会改变。清理代码并简化问题（直截了当）。这是理解CSS特性的一个很好的学习练习。哦，这意味着我不能在媒体查询元素上有固定的宽度或高度。不，你可以。但是，当您在html元素上放置内联样式属性时，它将覆盖任何外部css，除非您放置

！重要信息

在外部css中。但是如果我删除.auto-style3，那么在桌面上（更大的屏幕大小）它看起来会变差。您不需要删除类

.auto-style3

。您需要删除应用于

的style属性，抱歉，它写错了。。。。。。删除宽度和高度，它将在桌面上看起来不好