Powiel możliwe:
Allow users to change font size in a webpageCSS - Zwiększenie rozmiaru strony Font
Witam,
mam kilka stron internetowych. Chciałbym, aby użytkownik kliknął obraz i zwiększył rozmiary wszystkich treści na stronie. czy to możliwe? Jeśli tak to jak?
Wiem, że przeglądarki mają opcje wewnątrz nich. Zasadniczo chcę, aby sposób to zrobić na samej stronie.
Dziękuję.
Jeśli zwiększyć rozmiar czcionki elementu najwyższego poziomu podobnego <body>, to [Zmiana] rozmiar będzie dziedziczona przez jego elementów podrzędnych (przy założeniu, że inne reguły CSS dla tych elementów nie zastępują że wielkość bezwzględną wartość, która również zepsułaby zmianę rozmiaru czcionki użytkownika w przeglądarce).
This article (na przykład) mówi, że opisuje programowo zmiany wartości CSS.
Trzy rzeczy do osiągnięcia tego celu:
określić ogólny rozmiar czcionki w znaczniku <body>. Na przykład:
body { font-size: 100%; }
Nie należy używać pikseli do określania rozmiaru czcionki w innym miejscu dokumentu.
p.somePara { font-size: 120%; }
p.anotherPara { font-size: 1.4em; }
Dołącz do tego obrazu procedurę obsługi zdarzeń, aby odpowiednio dopasować rozmiar czcionki. Korzystając z jQuery, na przykład:
$("#largerTextImage").click(function() {
$("body").css("fontSize", "120%");
});
Zrobione.
Edytowane, aby naprawić błąd itty bitty składni :) –
Powiedziałbym, że można przełączyć css.
Umieść wszystkie rozmiary czcionek w oddzielnym pliku CSS. Następnie zduplikuj ten plik i zmień rozmiary czcionek. Następnie użyj fragmentu skryptu js, aby zmienić pliki css.
Istnieje wiele samouczków, które wyjaśniają wszystko. Here's one.
To jest bardzo prymitywna metoda, którą nigdy nie użyłbym. –
Dlaczego? Jest to bardzo interesujące, ponieważ możesz określić różne rozmiary czcionek dla wszystkich elementów, aby zachować kontrolę nad tym, jak wygląda Twoja witryna. – marcgg
1) zmiana plików CSS, tak jak to jest w rzeczywistości trochę prymitywna, użycie klas, które dodasz/usuniesz na ciele, byłoby lepsze, ponieważ byłoby natychmiastową aktualizacją, bez pobierania nowego pliku tylko po to, by zmienić rozmiar czcionki. 2) Ta metoda jest dużo bardziej odpowiednia w przypadku zmian na małą skalę niż w przypadku dostosowywania całej czcionki w całym serwisie. To dużo dodatkowego pisania CSS dla tak małej funkcji. Znacznie lepiej, że jeśli potrzebujesz tej funkcji, robisz metody oparte na% lub em, jak wyjaśniono przez odpowiedź bigmattyh i zostawiasz metodę z tej odpowiedzi na mniejszą skalę przełączania zadań. –
Dupe: http://stackoverflow.com/questions/891980/change-font-size-in-a-webpage/892031 –