Responsywność możesz sprawdzić używając emulatorów:
http://quirktools.com/screenfly/
http://mobiletest.me/
dla tła, aby dopasowywało się do rozdzielczości możesz używać
background-size: cover;
mobiletest.me nie jest najlepszy, wynik porównania Nokii Lumia 920 z faktycznym urządzeniem jest taki, że wyświetlane jest zupełnie co innego, w innej rozdzielczości.
screenfly lepszy ale…
Twoja obecna strona:
– nie jest responsywna
– nie nadaje się do użytku na smartfonie, bo:
— nic się nie skaluje do wielkości ekranu
— obraz tła na stronie głównej ma naniesione napisy, które na mniejszych ekranach wyjeżdżają poza ekran. Tło to tło, i musi nim pozostać. Content musi być skalowany (czyli napisy mają być napisami, loga muszą być obrazkami nakładanymi na tło, a nie być częścią tła).
Co do motywu Magnus to jest on jak najbardziej responsywny. Tylko jest nastawiony głównie na photoblogging i nie wiem czy zapasuje Ci do Twojej treści.
Prawda jest taka, że żaden z emulatorów(nawet tych przeglądarkowych w konsolach developerskich) nie jest w 100% adekwatny do faktycznego stanu rzeczy. Używa się ich co najwyżej jako odniesień, a nie podstawy tworzenia designu pod urządzenia mobilne.
Pół biedy z emulowaniem tabletów ale jeśli chodzi o smartphone’y, to najlepiej po prostu sprawdzić na własnym jak wygląda strona. Problem nie jest tutaj nawet rozdzielczość, tylko ładowanie elementów i sam styl, w którym jest pisana skórka. W przypadku zwykłych przełamań problem zdaje się być najmniejszy względem emulowania.
Tło z wklejonym tekstem nigdy nie będzie w pełni responsywne, tekst zawsze się wkleja oddzielnie ale to już wyjaśnił kolega powyżej.
