当响应性网页的屏幕变得太小时，如何按每行中的每个字母分隔文本？Html Css

当屏幕变小时，我想将文本按每个字母分开。但是我的css代码将单词分解成字母组合，而不是按每个单词。请帮我知道怎么做

我想要的是：

但结果是

.反应迅速{
最大宽度：100%；
高度：自动；
}
响应图片
如果必须缩小图像的比例，但决不要将其放大到大于其原始大小，请使用“最大宽度：100%”

调整浏览器窗口的大小以查看效果

您应该在小于50px的媒体查询屏幕中应用CSS，或者您可以更改为所需的特定屏幕大小

@media only screen and (max-width: 50px) {
 body{width: 10px;}
}

您应该在小于50px的媒体查询屏幕中应用CSS，或者您可以更改为所需的特定屏幕大小

@media only screen and (max-width: 50px) {
 body{width: 10px;}
}

写入方式：垂直rl；文字方向：直立谢谢，但我没有工作。在什么情况下，您的组件/浏览器需要这样做？我这么问是因为你的窗户尽可能小。事实上，你永远不会有一个用户在该视图中，它是必要的，以支持这一点。如果你喜欢Matana，那么你需要针对一个特定的媒体查询，这又回到了我的第一个问题，在什么情况下你需要它？
写作模式：垂直rl；文字方向：直立谢谢，但我没有工作。在什么情况下，您的组件/浏览器需要这样做？我这么问是因为你的窗户尽可能小。事实上，你永远不会有一个用户在该视图中，它是必要的，以支持这一点。如果你喜欢Matana，那么你需要针对一个特定的媒体查询，这与我的第一个问题有关，在什么情况下你需要它？非常感谢，这正是我想要的。你能解释一下你是如何得到它的，增加宽度=10px将是解决方案吗？事实上，我是网络开发的新手，学习这些概念是为了建立清晰的理解，但我仍然不清楚在媒体查询中添加宽度属性是如何工作的。我将非常感谢你。如果你不使用分词符，宽度为10px，内容将不再划分。需要分词符，您已经应用了分词符，但当您应用宽度为10px时，每行字符的分词符会有所帮助。此外，你需要小屏幕，这就是为什么css应用于媒体查询。我明白了。再次感谢你。我现在无法投票，我需要15个声誉才能投票。非常感谢，这正是我想要的。你能解释一下你是如何得到的，增加宽度=10px将是解决方案吗？事实上，我是网络开发的新手，学习这些概念是为了建立清晰的理解，但我仍然不清楚在媒体查询中添加宽度属性是如何工作的。我将非常感谢你。如果你不使用分词符，宽度为10px，内容将不再划分。需要分词符，您已经应用了分词符，但当您应用宽度为10px时，每行字符的分词符会有所帮助。此外，你需要小屏幕，这就是为什么css应用于媒体查询。我明白了。再次感谢你。我现在不能投票，我需要15个声望来投票。