即使使用IE前缀，我的CSS也无法在Internet Explorer中很好地呈现。所以我想尝试条件样式表，但是我不确定如何在Nuxt中进行处理
在Nuxt中，最好的选择是在nuxt.config.js中使用CSS条件样式表，或在default.vue模板中使用它，但是由于条件样式表通常应用在head标签中，因此不适合在那里。
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->
这是我想要尝试的典型示例。如果可以获取有关格式设置的帮助，则可以在
nuxt.config.js或Vue组件中使用它。 最佳答案
您可以从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>
关于css - Nuxt中的条件样式表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58353123/