Skalowanie okna edytora na stronie dla małych ekranów Opcje

[in5ane]

Cześć. Tworzę dość duży projekt i natknąłem się na pewne ograniczenie. Pokrótce. Tworzę stronę w PHP, która będzie edytorem. Edytor generuje stronę, która będzie wyświetlana na tablecie o danej rozdzielczości poprzez specjalny program (również będzie automatycznie odświeżana). Docelowo będą różne rozdzielczości począwszy od 1024x768 aż do 1920x1080 (każdy ekran będzie miał w bazie zapisaną rozdzielczość). Myślałem, by rozmiar okna edytora (edytora a'la wysiwyg) było takie samo, jak rozdzielczość ekranu, jednakże ktoś np. na mały monitorze z małą rozdzielczością, jak wyświetli mu się edytor z jakąś wielką rozdzielczością, to nie będzie to ładnie wyglądać. Myślałem również, aby wyświetlać edytor 100%x100%, ale klient chce mieć, aby to, co będzie wyświetlało się na tablecie, aby wyglądało tak samo na ekranie, czyli wynika na to, że muszą być rzeczywiste wymiary edytora. Ale pomyślałem, że może można to jakoś skalować? Czyli np. na mały monitorze wyświetlę edytor pomniejszony np. o 50% i żeby jego treść była pomniejszona o 50%, czyli takie użycie "CTRL + SCROLLDOWN", ale nie dla całej strony, tylko dla samego edytora na tej stronie. Czy ma ktoś pomysł na to?

@edit:
Czyli ogólnie satysfkacjonowałaby mnie możliwość poprzez JavaScript (może biblioteka jQuery?) zrobić resize o ileś tam procent (tyle, ile podam). Czyli cała strona jest normalnej wielkości. A div wraz z całą zawartością ma np. 50%. Ale żeby to wszystko w tym div'ie zachowało proporcje i swoje miejsca. Czyli coś na zasadzie CTRL + SCROLL, ale poprzez JavaScript i to dla jednego div'a.

Ten post edytował in5ane 25.02.2014, 08:22:34

[!*!]

Nie, też nad tym swego czasu siedziałem i odpuściłem. Tekstu w przełożeniu 1na1 na każdym urządzeniu nie uzyskasz. A jak trafisz na klienta który podeśle Ci zakupione za 50$ uszkodzone pliki TTF, OTF, EOT czy SVG które muszą być wykorzystane, a nie można ich poprawić ze względu na licencje, to leżysz, bo układ rozwalą wspomniane dodatkowe marginesy, choć to i tak może być małe piwo.

Poza tym sprawdź sobie też scale pod opera i chrome na linux... tekst mimo że natywny, różni się.
Przekonaj klienta to RWD, pokaż kilka rozwiązań, wyjaśnij o co w tym chodzi i dlaczego będzie to lepsze.
Bo to co chcesz uzyskać... to tak jakbyś chciał manipulować osobnym stylem do wydruku... też na każdej przeglądarce będzie inaczej.

edycja:
http://webmaster.helion.pl/index.php/css3-...transform-scale

zrzut z opery i chrome... przy większej ilości tekstu w którymś momencie zdanie przejdzie do nowej linii, dzięki właśnie nadwyżce px.
http://s21.postimg.org/3q8najdvr/image.png

Ten post edytował !*! 27.02.2014, 11:06:56