enchant.js で viewport タグが上書きされる

viewport で width=320 と設定しても、
コンテンツが 320px で表示されずにはまりました。

コンソールで確認したところ、
width=320 と設定した viewport が width=640 と書き換えられていました。

調べてみたところ enchant.js をロードした時に、
端末に合わせて viewport の値を変更するようです。

<!-- viewport が上書きされるパターン -->
<meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=no">
<script src="enchant.min.js"></script>

viewport の指定を enchant.js の読み込み後に指定することで回避出来ます。

<!-- 改めて viewport を設定するパターン -->
<script src="enchant.min.js"></script>
<meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=no">