我的设计在IE以外的其他浏览器上都能很好地呈现。我需要有关如何在Nuxt应用程序中解决该问题的帮助。
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
使用上面的示例(条件样式)应该可以解决问题,但不知道如何在Nuxt应用中解决该问题。
已经问过类似的问题here
很遗憾,尚未回答。
您可以从Nuxt扩展默认的HTML模板。
在项目的根目录创建一个新文件“ app.html”,并使用设置您的自定义html模板。
请参阅文档:https://nuxtjs.org/guide/views#document
// app.html
<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head {{ HEAD_ATTRS }}>
{{ HEAD }}
<!--[if IE]><link rel="stylesheet" type="text/css" href="all-ie-only.css"><![endif]-->
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>