Przy okazji współpracy z jedną z agencji miałem dziwną sytuację. Zlecenie dotyczyło przygotowania oprawy graficznej strony. Po wysłaniu pliku w JPG otrzymałem maila zwrotnego w którym było zapytanie “Dlaczego plik strony po umieszczeniu w przeglądarce nie jest na 100% jej szerokości?”. Trochę mnie to zdziwiło, ponieważ mam do czynienia z agencją, a nie z klientem który mógłby o tym nie wiedzieć.

Moim zdaniem wszystko zależy od szerokości ekranu w px na którym jest oglądana strona. Całą resztą powinien zająć się koder. Możemy przygotować stronę na daną szerokość ale tego na jakim ekranie to będzie oglądane nie jesteśmy w stanie przewidzieć. Prawda czasami jest kilka wersji strony przy okazji wykonywania projektu responsywnego, ale urządzeń jest masa, a tą elastycznością już nie my się zajmujemy.

Żeby trochę pomóc z tym problemem przygotowałem pare linnijek kodu dzięki którym nasza strona będzie rozciąganięta na całą szerkość i wysokość ekranu bez względu na jego wymiary.

Pliki do pobrania i instrukcja:

wrzuć plik JPG albo PNG z projektem strony do jednego folderu

plik musi mieć nazwę “strona”

kliknij dwa razy na pobrany plik, a strona uruchomi się w domyślnej przeglądarce

 

prezentacja w JPG

prezentacja w PNG