問題タブ [vendor-prefix]

autoprefixer ( https://github.com/ai/autoprefixer )と呼ばれる CSS ポストプロセッサの使用を開始したいと考えています。

少しジャグリングした後、実際にこれが機能するようになりました. オートプレフィクサーのドキュメント
では 、サポートするブラウザーを構成できると書かれています。説明として、次のコード行が示されています。

しかし、このコードをどこに置くのでしょうか? Gruntfile の一番下に貼り付けようとしましたが、成功しませんでした。ファイルは次のようになります。

私も次のように追加しようとしました：

これは間違いなく CSS 出力に影響を与えますが、正しいかどうかはわかりません。

また、autoprefixer -iコマンド ラインに入力して構成を確認すると、出力は-bash: autoprefixer: command not found. についても同様ですgrunt-autoprefixer -i。どうすればこれを修正できますか? サポートしているバージョンを確認したいです。
別のバリエーションは、次のようにすることです。

しかし、繰り返しますが、このコードをどこに置くのでしょうか?

サポートしたくないブラウザのプレフィックスを生成しないようにnibに指示するにはどうすればよいですか?

meteor では、css3 トランジションが終了したときに、次のイベント ハンドラーをトリガーする必要があります。

ただし、複数のイベント タイプを受け入れないようです。

ただし、以下は Google Chrome で正常に動作します。

次のように、イベントを個別に割り当てることができます。

transitionendしかし現在、 vender-prefix なしでサポートする一部のブラウザー バージョンでは、イベントが 2 回発生します。

次のようなことができるように、どの偶数型がサポートされているかを調べたいと思います。

では、最新のブラウザーとベンダー接頭辞付きのバージョンsupportedEventsを返す関数を実装するにはどうすればよいでしょうか?"transitionend"

使用するプレフィックスを評価するために、ブラウザーの種類の検出を使用しないことをお勧めします。

サポートされている偶数型を調べることができる場所はありませんか?

jQueryで簡単に実行できることはわかっていますが、これについてはjQueryを避けようとしています。

アップデート

ここにある方法を使用しようとしました：

しかし、それもうまくいきません。テンプレートがレンダリングされた後、Meteor はイベント マップを許可しないためだと思います。

多くのアニメーションを計画しており、すべてのブラウザに対応するためのよりクリーンな方法を探しています。このような生意気なものは素晴らしいでしょう:

ただし、 の@#{$vendor}keyfr...後に数値または関数が必要であるとエラーが発生します@。@css へのスルーを強制する方法はありますか?

@eachそれ以外の場合、これを実現するためのよりクリーンな方法、@mixinまたはすべてのブラウザのすべてのアニメーションをリストすることから節約できる他の何かを思いついた人はいますか?

私はこのコーディングの世界に不慣れです。HTML と CSS に関する私の知識は最小限であり、Javascript に関しては存在しません。

視差サイトを作成する必要があるプロジェクトに取り組んでおり、各セクションは斜めに分割されています。視差ビットはほぼ完成しましたが、さまざまなブラウザーで対角線を機能させるのに苦労しています。他の誰かがこのフォーラムに投稿したコードを少し使って、Firefox でそれを行う必要がありましたが、それでも他のブラウザー、または少なくとも Chrome と Safari で動作させる必要があります。誰でも助けることができますか？

HTML

CSS

JS

less と autoprefixer を備えた Gruntfile が動作しています。また、「うなり声」も正常に機能しています。

autoprefixer を使用する前は、ベンダー プレフィックスに使用する mixin が少なくなっていました。「grunt less」を実行すると、すべてのプレフィックスを使用して機能する CSS がビルドされます。

現在、autoprefixer はありますが、スタイルの 1 回限りのビルドを実行する場合は、'grunt less' を実行してから 'grunt autoprefixer' を実行して、プレフィックス付きの CSS を機能させる必要があります。

「grunt less」を変更して、ビルドが機能するようにするにはどうすればよいですか?

私はドキュメントを読みましたが、これらの両方を行うために追加のタスクを追加できることを知っています。でも：

• 'grunt less' には、使用可能な出力がありません。タスクは常に使用可能な出力を生成する必要があります。
• 「うなり声が少ない」と使用可能な出力が生成されないことを他の人に伝える必要はありません
• 機能しないタスクを置き換えるために、追加のタスクは必要ありません。

つまり、動作する CSS (接頭辞付き) を生成するために grunt less が必要なだけです。

ここでオンラインの eBay 利益予測計算機に取り組んでいます

サファリとモバイルサファリで入力フィールドが機能しないようです。FF と Chrome で正常に動作します。それらをクリックしますが、入力しても何も表示されません。私はグーグルを検索してきましたが、手がかりが見つからないようです。cssに何か不足しているのかどうか疑問に思っています。入力フィールドのCSSは次のとおりです。