4

プロジェクトでCassetteライブラリの使用を開始しました。このライブラリは、デフォルトで Microsoft Ajax Minifier を使用します。Firefox ブラウザーでのみ、一部のページで HTML レイアウトが壊れる問題に直面しています。問題は CSS3 関数 calc() に関連していることがわかりました。+ および - 演算子は、この関数では常に空白で囲む必要があります。この縮小領域のどこかでこのプロパティを再定義できますが、そうしたくありません。ファイル内で修正したい。出来ますか?

4

1 に答える 1

5

-moz-関数にプレフィックスを使用するcalcと、ミニファイアの後にそのまま残ることがわかりました。例:

.some_class {
  width: calc(24.3% - 30px);
  width: -webkit-calc(24.3% - 30px);
  width: -moz-calc(24.3% - 30px);
}

なります:

.some_class{width:calc(24.3%- 30px);width:-webkit-calc(24.3% - 30px);width:-moz-calc(24.3% - 30px)}
于 2013-02-18T08:00:52.317 に答える