5

現在、コードを書くときは次を使用します。

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

しかし、私のテストに基づくと、最新のブラウザー (Chrome 33 以降、opera 25 以降、safari 8 以降) との違いはありませんでした。Internet Explorer 8 はこのプロパティをサポートしていませんが、ベンダー プレフィックスは何の違いもありません。

それらを保持する理由はありますか？

4

2 に答える 2

12

そのようなチェックにはhttp://caniuse.com/#search=border-radiusを使用してください

結論: すべての主要なブラウザー (および IE9+) でサポートされているため、border-radius のベンダー プレフィックスを追加する必要はありません。本当に IE8 で境界半径が必要な場合は、次を確認してください: How to apply border radius in IE8 and below IE8 browsers?

しかし、99% の場合、境界半径は設計にとって重要ではありません。グレースフル デグラデーションの手法を採用し、IE8 の角を直角のままにします

于 2014-11-19T08:13:05.570 に答える
2

ページにPrefixFreeを追加して、border-radius だけでなく、より多くのケースでカバーすることもできます。これにより、安全のためにこれらのプレフィックスが追加されます。

また、古いバージョンの IE で CSS3 を使用する下位互換性のために、PIEがあり(border-radius だけでなく、他のものにも使用できます)、必要な場所にこれを追加するだけです:

behavior:url('pie.htc');

于 2015-08-19T10:13:32.377 に答える