Html 如何使我的blockquote响应不同的屏幕大小？

我已经在我的页面标题中添加了一个blockquote，并试图使其响应，以便文本能够根据屏幕大小进行调整。我希望文本保持居中，并根据浏览器更改大小

我已尝试将字体大小更改为

vw

unit

.container{
宽度：590px；
利润率：140px自动；
位置：相对位置；
}
大宗报价{
宽度：565px；
字体：2.65em CallunaRegular；
字母间距：.075em；
浮动：左；
填充：45px 0 30px 25px；
保证金：0；
边框顶部：2个点#8585；
边框底部：2个点#8585；
-webkit变换：旋转（-3deg）；
-moz变换：旋转（-3deg）；
}
.货柜：在{
内容：“；
字体大小：13vw；
位置：绝对位置；
左：-100px；
颜色：#666；
}
.货柜：之后{
内容：“；
字体大小：13vw；
位置：绝对位置；
右：-100px；
顶部：150px；
颜色：#666；
}
blockquote：一线{
字体：1.85em“草图块”；
颜色：#fff79e；
}
第一个字母{
字号：2.9em；
文本转换：大写；
浮动：左；
线高：.52em；
右边距：-18px；
位置：相对位置；
z指数：1；
}
blockquote strong：第一个孩子{
左边距：8px；
字母间距：0；
}
blockquote strong：最后一个孩子{
字体：2em“博物馆700”；
文本转换：大写；
字母间距：0；
}
方块报价{
边框底部：2个点#8585；
}
区块报价+b{
浮动：对；
边缘顶部：10px；
字体：1.6em CallunaRegular；
字母间距：.15em；
}
blockquote+b：第一个字母{
颜色：#fff79e；
字体大小：1.3em；
字体：斜体；
字母间距：.25em；
}
@-moz文档url-前缀（）{
第一个字母{
利润上限：-29px；
}
}

只需更改

宽度：565px至100% 并添加最大宽度：565px

---

容器类也是如此宽度：100%和最大宽度：590px

它不能以固定宽度响应。只需将宽度：565px更改为100%，然后添加最大宽度：565px。容器类也是如此。宽度：100%，最大宽度：590px。谢谢@Galanthus，这已经成功了。不客气。。你能投票/接受答案吗？谢谢。@Galanthus我无法回答，因为你把答案写成了评论，如果你能把它改成一个答案，我会很乐意的。：）