css - css設定バックグラウンドリピートステップ

Question

Web エディターを作成し、キャンバス用に 32x32 ピクセルの背景画像を作成しました。たとえば、エディターにさまざまな動的グリッドサイズを使用したい。8x8、16x16、32x32。そのため、css を使用して背景の繰り返しサイズを設定する必要があります。背景の繰り返しサイズを設定することが可能であれば、何かアイデアはありますか? 複数の background-image とクラスを作成することは避けたいと思います。ありがとう！

Answer 1

たとえば、背景サイズを % で使用できます。background-size: 10%;また、異なるサイズをターゲットにしている場合は、@media ルールを使用してパーセンテージを増減します。