入力範囲がGoogle Chromeで機能しないタイプの入力

Question

私は、バックエンドにDjango、フロントエンドにはアプリを持っています。テンプレートの1つに入力範囲が表示されず、Google Chromeでのみ表示され、モバイルビューでのみ表示されるという問題に直面しています。これはFirefoxとSafariで動作し、スライダーはそこに表示されますが、Chromeではデスクトップ画面の幅でのみ表示されます。エラーコンソールには角度のエラーとは何の関係もないことを示唆するものは何もありません。スライドの機能に重いモバイルアングルUIを使用しているため、モバイル問題にしか見えないためです。私はまた、http://rangeslider.js.org/とhttps://github.com/dwyl/range-touchのような第三者のスライダーライブラリを試しましたが、まだ何もありません。 Chromeのバージョンは56.0.2924.87です。これは他の誰かが抱えている、または過去に経験した問題ですか？

Answer 1

iPhoneで起こっていることはありますか？

<input type="range" min="0" max="10" step="2" value="6"> 

http://fortuito.us/diveintohtml5/forms.html#type-rangeによると、サファリ、クロム、およびOperaのすべては、スライダコントロールとして扱います。 （悲しいことに、iPhoneは単純なテキストボックスとしてレンダリングしますが、数値入力のためにスクリーンキーボードを最適化することさえありません）。他のブラウザはすべてこのフィールドを単にtype = "text"として扱います。直ちに使用を開始してください。

ブラウザサポートの確認については、https://www.wufoo.com/html5/types/8-range.htmlを参照してください。