Html 电子邮件模板中的媒体查询弄乱了网页

在我目前的项目中，我们必须向员工发送大量电子邮件，发送电子邮件的人可以上传电子邮件模板。现在电子邮件模板是.html格式的，里面有

标记。如果样式标签中有媒体查询，那么它会弄乱整个页面，一旦出现模板，就会弄乱UI。前端在react中，因此编写代码的开发人员有如下内容：

 createMarkup(text){
    return(__html:text}
 }

const reader = new FileReader();
reader.onload = async(e)=>{
const text = e.target.result;
this.setState({data: <div dangerouslyInnerHTML={this.createMarkup(text)}/>})
reader.readAsText(e.target.files[0]);
}

createMarkup（文本）{
返回（_html:text}
}
const reader=new FileReader（）；
reader.onload=async（e）=>{
常量文本=e.target.result；
this.setState（{data:}）
reader.readAsText（e.target.files[0]）；
}

这方面的任何东西都很有帮助，因为我是新手。谢谢