如何在Nuxt应用程序中为Internet Explorer编写后备CSS

问题描述 投票:0回答:1

我的设计在IE以外的其他浏览器上都能很好地呈现。我需要有关如何在Nuxt应用程序中解决该问题的帮助。

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

使用上面的示例(条件样式)应该可以解决问题,但不知道如何在Nuxt应用中解决该问题。

已经问过类似的问题here

很遗憾,尚未回答。

css vue.js stylesheet nuxt.js
1个回答
0
投票

您可以从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>
© www.soinside.com 2019 - 2024. All rights reserved.