Tło w contain Opcje

[Mixter78]

Witam,
otóż mam w CSS cos takiego:

Kod

.blabla {
...
background-size:contain;

Jak teoria mówi, tło dopasowywuje się do przeglądarki.
Lecz jest problem.

Czy można w PHP obliczyć rozmiary (szerokość i wysokość) zeskalowanego tła?

Po co mi to?
- Dajmy na przykład, że mam 'kwiatek'. I chce by w samym środku tego kwiatka był link, ale nie moge tego zrobić, gdyż tło się zmienia.

Ktoś mi może pomóc? (IMG:style_emoticons/default/smile.gif)

[Turson]

To sprawa JS/CSS a nie PHP

[Mixter78]

To jak to zrobić? (IMG:style_emoticons/default/sad.gif)

[slash^]

Mozesz w js obliczyc aktualny rozmiar div-a.

[Mixter78]

Ale nie to mi jest potrzebne, bo div ma 100%, a tło dopasowywuje się.

[trueblue]

div ma 100%

A ile ma w px?

[Mixter78]

W zależności od rozdzielczości. Różna ilość px.

[trueblue]

To teraz już pewnie wiesz dlaczego miałbyś obliczać jego rozmiar w JS.

[Mixter78]

Ale pobieranie rozmiaru diva jest bez sensu, ponieważ to tło skaluje się do rozmiaru okna i na każdym monitorze jest inaczej ułożone.

[trueblue]

Jeśli będzie znał wymiary diva, to z proporcji obliczysz rozmiar tła.
Silnik przeglądarki również bada rozmiar diva, a nie zgaduje ile ma.

[Mixter78]

@trueblue
Możesz rozszerzyć swoją myśl? (IMG:style_emoticons/default/smile.gif)

[trueblue]

Musisz obliczyć proporcje szerokości i wysokość diva i porównać z domyślną proporcją rozmiarów tła.
Porównujesz proporcje.
Jeśli x>y, to znaczy, że szerokość wpasowała się na 100%, wysokość obliczasz z proporcji.
Jeśli x<=y, to znaczy, że wysokość wpasowała się na 100%, a szerokość obliczasz z proprocji.
W powyższych warunkach porównania zależą od tego jak liczyłeś proporcje (szerokość/wysokość, czy wysokość/szerokość).

[Mixter78]

A skąd mam wziąć x i y?