[porada] Design Responsywny Opcje

[ChaYim]

Witam.
Tworzę one page na WordPress i napotkałem pewiem problem.

Mimo że bawię się już od dłuższego czasu z php, html i css to dopiero teraz postanowiłem stworzyć szablon który będzie ładnie wyglądał WSZĘDZIE. Dosłownie wszędzie.
Na ekranach laptopów, dużych monitorach PCtów, telefonach, tabletach czy nawet na ogromnych telewizorach.

Mój szablon wygląda już dobrze na komputerach (laptopach, PC) jednak mam problem z telefonami.
Nie mogę znaleźć pożądnego emulatora urządzeń mobilnych. Wbudowany emulator w GoogleChrome oszukuje. Pokazuje jedno a w telefonie o identycznej rodzielczości wyświetla się co innego.

Ustawienie w css marginesów, paddingów, szerokości i wysokości w procentach jest oczywiste. Jednak jak ogarnąć czcionki?
Mój największy problem w tej chwili to skalowanie czcionki.

Zastanawiałem się jak do tego podejść. Myślę, że najłatwiejszym sposobem będzie skalowanie czcionki względem elementu, w którym umieszczony jest tekst - Np. element ten ma w danej chwili 600px szerokości a skrypt przypisuje dla niego font-size np. 5% szerokości elementu czyli 30px.

W JS dopiero raczkuję, dlatego tutaj piszę.

Czy ktoś spotkał się z jakimś skryptem który to umożliwia?

[trueblue]

http://snook.ca/archives/html_and_css/font-size-with-rem