Skalowanie CSS

pytanie zadane 26 maja 2017 w HTML i CSS przez jjanek Użytkownik (630 p.)

Cześć,

mam do was pytanie odnośnie css bo nie za bardzo rozumiem CSS robię swój pierwszy projekt i go stylizuję.
Czy jeżeli zbuduję komponent używając stałych wartości pikseli itd. I chciał bym teraz go włożyć do innej części projektu (do innego komponentu) i aby on teraz dostosował się do stylizacji komponentu nadrzędnego czyli do grida. Czy jest możliwość aby go opakować w jakiś kontener i wyskalować go na szerokość, wysokość 100% dostępnej przestrzeni ?

2 odpowiedzi

odpowiedź 26 maja 2017 przez OfftheCode Gaduła (4,050 p.)

Mozesz stworzyć diva o rozmiarach np 250px na 250px oraz dodać wartości max-height:100% i max-width:100%, a następnie włożyć go do innego pojemnika. Tylko, że to zadziała w ten sposób iż jeśli ten pojemnik w którym będzie się znajdował Twój 250px div będzie od niego mniejszy to się do niego dostosuje. Co do skalowalności w przypadku większego pojemnika nie mam pewności, a niestety w tej chwili nie mam jak sprawdzić na telefonie, jak będę miał dostep do kompa to się upewnię. Oczywiście jeśli dobrze zrozumiałem Twoje pytanie i o to Ci chodziło.

komentarz 28 maja 2017 przez jjanek Użytkownik (630 p.)

A jeżęli zbudował bym coś z obrazków i chciał bym je zgrupować jako jedno (w kontenerze) i ten kontener skalować?

komentarz 28 maja 2017 przez OfftheCode Gaduła (4,050 p.)

Polecam do tego celu Flexboxa jest naprawdę innowacyjny, co prawda jeszcze nie w pełni wdrożony, ale mam wrażenie, że perfekcyjnie rozwiązuje ten problem

komentarz 29 maja 2017 przez jjanek Użytkownik (630 p.)

Wyrównało mi to mój element. Ale niestety wystaje : /

Czy jest możliwość w jakiś sposób zczytać szerokość rodzica i zrobić np.
transform: scale(0.7) jeżeli będzie większa niż 400 px ? ;