0

私はブラウザの互換性の問題のために違いのパディングを与えようとしています

-webkit-padding-start: 4px 0px; //for google chrome
-moz-padding-start: 3px 0px;    //for Mozilla Firefox
padding: 3px 0;                 // others browser

しかし、結果は padding:3px 0; です。両方のブラウザを取ります。私はそれを区別する必要があります。

4

2 に答える 2

1

可能であれば、すべてのブラウザで同じスタイルを使用するようにしてください。最初は多少手間がかかりますが、メンテナンスが容易になります。そうは言っても、

スタイルは、2 つのpadding-start値ではなく、1 つの値を取ります。

例、構文-moz-padding-start:

-moz-padding-start: <length> | <percentage> | inherit | auto;

例：

-moz-padding-start: 10px;

参照: https://developer.mozilla.org/en-US/docs/CSS/-moz-padding-start

于 2013-05-06T13:19:43.630 に答える
0

この順序で実行すると、ブラウザーは最後の宣言を使用しpaddingます-webkit-padding-start。したがって、宣言を切り替えます。

padding: 3px 0;                 // other browsers
-webkit-padding-start: 4px;     // for Google Chrome
-moz-padding-start: 3px;        // for Mozilla Firefox

次に-webkit-padding-start、 の開始値をオーバーライドしますpadding。

于 2013-05-06T13:22:53.747 に答える