Współrzędna strumienia CSS

Narzędzie to generuje CSS dla proporcji szerokość:wysokość, używając nowoczesnej właściwości `aspect-ratio` lub klasycznego hacku z paddingiem procentowym. Zapewnia popularne presety proporcji, niestandardowe pola szerokości/wysokości (1-100), okno podglądu na żywo i gotowy do skopiowania wynik. Podgląd dostosowuje renderowanie do wybranej metody, abyś dokładnie widział, co daje każda technika.

1. Kliknij preset Common Ratio (16:9, 4:3, 1:1, 21:9, 3:2, 2:3, 9:16) lub wprowadź niestandardowe Width i Height (1-100). 2. Wybierz Method: Modern (`aspect-ratio`) lub Padding Hack. 3. Okno Preview renderuje proporcję przy użyciu wybranej techniki. 4. Kliknij Copy w karcie Output, aby skopiować wygenerowany CSS.

Modern generuje jedną linijkę: `aspect-ratio: <width> / <height>;`. Padding Hack generuje `.container` z `position: relative; width: 100%; padding-top: <height/width*100>%;` oraz pozycjonowaną absolutnie `.content`, która go wypełnia — to technika historyczna dla środowisk bez obsługi `aspect-ratio`. Podgląd używa tych samych stylów, ograniczonych do maksymalnej szerokości 400px, więc efekt wizualny odpowiada technice opisanej przez CSS.