私は煎茶アプリケーションを構築しています。コントロールのようなiosスイッチを使用してみたいと思います。そのために私は CSS でそれを持っています: jsfiddle Demo (Lea Verou へのクレジットhttp://lea.verou.me )
jsfiddle からわかるように、css はブラウザー上で完全に正常に動作します。
しかし、それを私の sencha アプリケーションに追加してデバイス上で実行すると、めちゃくちゃになってしまいます。アニメーションが再生されなくなり、YES側が台無しになります。
何が問題なのですか？CSS の一部は sencha アプリと互換性がありませんか? ブラウザーでは正常に動作するのに、デバイスでは動作しないのはなぜですか?
追加情報
SASS ファイルに CSS を記述し、それを Compass でコンパイルします (これが推奨される方法です)。
私の SASS ファイルには、sencha の基本スタイルもいくつか含まれています。
//I PASTED THE SWITCH CSS (FROM THE FIDDLE EXAMPLE) HERE
//IMPORTING THE SENCHA STYLES THAT I WILL USE
//Sencha Css
@import 'sencha-touch/default/all';
//Including Pictos we need to use
@include pictos-iconmask('team1');
@include pictos-iconmask('user3');
@include pictos-iconmask('settings7');
@include pictos-iconmask('shop1');
// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-carousel;
@include sencha-msgbox;
何が問題なのですか？
PS: sencha にスイッチ フォーム コントロールがあることは知っていますが、ios とまったく同じようには見えないため、上記を使用する必要がありました。
ありがとう