要解决在Safari、Opera和IE浏览器中样式破损的问题，以下是一些可能的解决方法。

1. 检查CSS样式前缀：某些浏览器可能需要特定的CSS前缀才能正确渲染样式。你可以使用autoprefixer等工具来自动添加必要的前缀。确保你的CSS样式表中包含了所有必要的浏览器前缀。

例如，在CSS中使用flexbox布局时，你可能需要添加以下样式：

display: -webkit-box; /* Safari, Opera, iOS */
display: -moz-box; /* Firefox */
display: -ms-flexbox; /* IE 10 */
display: -webkit-flex; /* Chrome, Opera */
display: flex; /* Standard syntax */

2. 检查CSS属性的兼容性：一些CSS属性在不同浏览器中的支持程度可能不同。在使用某些新的CSS特性时，确保查看该特性在不同浏览器中的兼容性。你可以在CanIUse网站上查找特定CSS属性的兼容性信息。

3. 验证HTML和CSS的有效性：确保你的HTML和CSS代码符合W3C标准，并且没有语法错误。使用W3C验证工具来验证你的代码。

4. 检查浏览器版本：确保你的浏览器是最新版本。有时，一些样式问题可能是由于旧版本浏览器不支持某些CSS特性导致的。更新你的浏览器或使用支持最新CSS规范的浏览器。

5. 使用浏览器特定的CSS样式表：有时，为了解决特定浏览器中的兼容性问题，你可以使用浏览器特定的CSS样式表。你可以使用以下代码示例：

在ie-styles.css文件中，你可以添加针对IE浏览器的特定样式。

这些方法可以帮助你解决在Safari、Opera和IE中样式破损的问题。记住，最好的做法是测试你的应用在不同浏览器中的兼容性，并根据需要进行调整。