Czołem ponownie mirki.
Po ukończeniu szkoły wracam do nauki #frontend, żeby za 3-4 miesiące spróbować starać się o jakąś pracę w tej dziedzinie( ͡° ͜ʖ ͡°).
Pierwszym krokiem jakim sobie założyłem to uporządkowanie mojej wiedzy nt. HTML5, CSS3 i RWD oraz dbać o semantykę kodu i jego czytelność, oraz stosując się do dziwnych konwencji Mobile first i Progressive enhancementt(proszę mnie nie odpytywać z tego, dopiero się uczę(
Po ukończeniu szkoły wracam do nauki #frontend, żeby za 3-4 miesiące spróbować starać się o jakąś pracę w tej dziedzinie( ͡° ͜ʖ ͡°).
Pierwszym krokiem jakim sobie założyłem to uporządkowanie mojej wiedzy nt. HTML5, CSS3 i RWD oraz dbać o semantykę kodu i jego czytelność, oraz stosując się do dziwnych konwencji Mobile first i Progressive enhancementt(proszę mnie nie odpytywać z tego, dopiero się uczę(
Cześć.
Potrzebuje zrobić pojedynczą stronę na której będzie tylko jeden obrazek. Chcę natomiast by był on responsywny i dopasowywał się do urządzenia na którym jest wyświetlany.
Jak to zrobić? Obrazek musi być w jakimś określonym formacie?
Dziękuję po podpowiedzi.
<img src="costam.jpeg.jpg" alt="obrazek" style="max-width: 100%; height: auto;">
max-width: 100% znaczy że obrazek nigdy nie będzie szerszy niż ekran, ale może być węższy jeśli ekran jest po prostu od niego szerszy
height: auto znaczy, że wysokość obrazka będzie zawsze proporcjonalna do jego szerokości
Rozwiązanie @BreathDeath to druga opcja którą opisałem, ale jak o podstawy pytasz to jest raczej na Ciebie zbyt skomplikowana ;) Robiąc dziesiątki stron rocznie