人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

どんなページでもテキストサイズを全体的に大きくするCSS、Javascriptの書き方は?

ブラウザの機能でフォントサイズを全体的に大きくしたり、小さくしたりするようなJavascriptやCSSはどう書けばいいのでしょうか?

Javascriptでページ全体を評価してフォントサイズを振りなおすのも考えましたが、既にcssがかかっていることも解釈することがとても大変そうです。

イメージとしては全体のフォントサイズを1,2倍にするとか、そういうことがしたいです。
画像やテーブルなどの幅はそのままでフォントサイズだけが大きくなるようにしたいと思っています。

body{font-size:1.2em}
で比較的近い感じにはなるのですが、ヤフーのトップページで見ても、
もともと全体のフォントサイズが0.7emくらいになっているようで、1emでもだいぶ大きくなってしまいます。

Javascriptで何かを取得して、それを元に何かするのかなと思いますが、いかがでしょうか?

●質問者: iiiiiiiii
●カテゴリ:ウェブ制作
✍キーワード:BODY CSS JavaScript けが イメージ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●50ポイント

!importantを忘れずに。

ユーザースクリプトでやるよりはStylishでやったほうが早く適用されます。

body{font-size:300% !important;}

参考:フォントのコントロール/HTML基礎講座



getComputedStyleを使えば要素のスタイルを取得できます。

getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

getComputedStyle(document.body, '').fontSize


※ブラウザのズーム機能は使わない方法を探してるのですよね?

◎質問者からの返答

ありがとうございます。

StylishというのはFirefoxのアドオンのことでしょうか?

教えていただいた方法がすごく良いヒントな気がします


2 ● らぐ
●50ポイント

!importantを忘れずに。

ユーザースクリプトでやるよりはStylishでやったほうが早く適用されます。

body{font-size:300% !important;}

参考:フォントのコントロール/HTML基礎講座

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ