LoginSignup
2
1

More than 5 years have passed since last update.

sphinx_rtd_themeのIEドキュメントモードをEdgeにする

Posted at

とある環境でIE 11が前提なんだけど、互換表示設定やドキュメントモードが設定されていると、sphinx_rtd_themeの見た目がおかしくなる現象に出会った。

そこで、X-UA-Compatibleを設定して、常にEdgeモードで表示させるためにやったこと。

まず、単にmetaタグを追加するには、簡単にやるならreSTのmetaディレクティブが使える。

.. meta::
  :http-equiv=X-UA-Compatible: IE=Edge

ただ、これだと単ページにしか適用されないので、IEのドキュメントモードを全ページにという用途だと使えない。
そこで、テンプレートカスタマイズの方法を取る。

まず、conf.pyに以下を書いて、

templates_path = ['_templates']

_templates/layout.htmlに以下を書く

{% extends "!layout.html" %}
{% block htmltitle %}
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    {{ super() }}
{% endblock %}

<head>の<title>を出力しているブロックだけど、ここの前に出さないと他にタイミングが見つからなかったのでここへ。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1