富文本内容在 PC 端和移动端样式覆盖问题解决方案

我现在后台给前端返回文章内容的时候是以富文本的形式传给前端的，富文本包含图片和段落，后台可以编辑样式，但我的前端终端分为 PC 端和移动端，当获取文章展示该富文本的时候，遇到无法为该富文本覆盖样式的问题，比如富文本中的图片很大， 我要在移动端覆盖它，却无法办到。总之，我这里应该怎样处理，才能使后端返回给前端的富文本内容在 PC 端和移动端都有良好的展示效果，并且可以根据需要覆盖样式内容：

可以考虑在后端返回富文本内容时，同时返回一些针对不同终端的样式信息。例如在返回的 HTML 代码中，可以在每个段落和图片标签中添加类名或自定义属性，用于标识该元素在 PC 端和移动端的样式应该分别是什么。然后在前端根据当前终端类型和需要覆盖的样式，动态地给这些元素添加或修改相应的类名或属性值，从而达到覆盖样式的效果。同时，可以使用 CSS 媒体查询来针对不同终端设备设置不同的默认样式。