• ベストアンサー

Webページにおける文字の拡大/縮小機能

Webページにおける文字の拡大/縮小機能、ボタン一つでページ全体の文字が大きくなったり、小さくなったりするのを見かけますが、 あれはどうやっているんでしょうか? ひょっとして別のテンプレートにリンクしているだけなんでしょうか?

  • HTML
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • abril
  • ベストアンサー率69% (388/560)
回答No.2

> ひょっとして別のテンプレートにリンクしているだけなんでしょうか? テンプレート、というかディフォルトのfont-sizeのスタイル設定をJavaScriptで切り替えています。例えば、クリック1回毎にパーセンテージなどでディフォルトの値の拡大縮小を行ってスタイルに反映させる、といった様な感じです。またANo.1様のご回答の様なスタイルシートそのものを入れ替える、といったものも含め色々な仕様のものがありますので、「JavaScript フォントサイズ変更」等でググってみて下さい。沢山サンプルがヒットします。

その他の回答 (1)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

ボタンで外部CSSを切り替えてるだけじゃないでしょうかね。 切り替えにはJavaScript使ってる場合が多いです。

kurobon619
質問者

お礼

なるほど、外部CSSの切り替えですね。 torayoshiさんありがとうございます。

関連するQ&A

  • IEの拡大・縮小機能をWebページ側から操作したい

    IEの拡大・縮小機能をWebページ側から操作したい IE7から追加されたページの拡大・縮小機能ですが これをWebページ側から操作することは可能でしょうか? 特定のページにアクセスした場合に 必ず100%の拡大率で表示させたいのです。 CSSでhtmlやbody要素にzoom:100%を指定しても ブラウザ側で設定された拡大率を基本としてしまうのでダメでした。 (つまりそのままの大きさで表示されます) JavaScript、ActiveX等、技術はなんでもいいので 実現可能な方法があればご教授お願いいたします。 補足 ・対象はIE8のみです ・社内ツールなのでアクセシビリティは考慮しなくて構いません ・必要なものがあればクライアントマシンにインストール可能です

  • フォントの拡大縮小に関して

    現在ホームページを作成しておりますが、基本的なフォントサイズを2にしています。 よく他のページを見ていると、大・中・小のボタンがあり、フォントサイズを大きくしたり、 小さくしたりできるページを見ます。 初心者のため、現在は、全くスタイルシートとか使わずページを作成しているのですが、 上記のようなボタンでのフォントの拡大縮小はできないのでしょうか。 ユーザーにブラウザの操作(メニュー→表示→文字の大きさの拡大縮小)をさせることなく、文字の拡大縮小をさせたいと思っています。 やり方やコード等がわかる方、教えて下さい。

    • ベストアンサー
    • HTML
  • 画像の拡大・縮小機能のサンプルページを探しています

    参考:http://www.maimu.co.jp/753/detail/7302106.php 上記サイトのような画像を拡大・縮小出来るスライダーがついていて、 且つ拡大した際にマウスで移動できる機能を実装したいと思っているのですが、 何か解説ページなどありませんでしょうか? Flashでは無く、javascriptで実装できればと思っております。 ポイントとしては、 ◎「+」「-」ボタンだけではなく、スライダーで拡大・縮小ができる ◎拡大時にはマウスで拡大位置を移動できる ◎Flashではなく、javascript(jQueryとか?)で。 ご存知の方がいらっしゃいましたらお願いいたします。

  • エクセル2010 縮小機能

    無料テンプレートのサイトから見積書をダウンロードしたのですが、A4の用紙上に縮小されて表示されてしまいます。 ページレイアウトを見ると55%に縮小されていて、それを100%に直したいのですが、その機能だけ使えないようになっています。  何か制限がかかっているのでしょうか、あるいは縮小・拡大機能を使えるようにできるでしょうか。 よろしくお願いいたします。

  • ページ全体の拡大/縮小が行える、JavaScriptのサンプルを教えていただけますでしょうか?

    ページ全体の拡大/縮小をJavaScriptにて行いないたい(対象はIEのみ)のですが、検索をしてみると、「文字サイズの拡大/縮小」や「画像の拡大/縮小」はよく見つかるのですが、ページ全体の拡大/縮小のサンプルを掲載しているページはあまり見かけません。 検索("ページ ズーム javascript"等のキーワードで)で何件か見つかって、試してはみたのですが、それらのプログラムですと、私のほうのHTML+CSSで使用すると、何とも説明しがたいおかしな挙動をしてしまいます。HTML+CSSの見直しも色々行ってみたのですが、なかなか改善されません。 みなさんがご存知のJavaScriptのサンプル(ページ全体の拡大/縮小)が掲載されているURLを教えていただけますでしょうか? 教えていただいたサンプルを実装し、色々探ってみたいと思っています。 ※ちなみに、イメージは↓このような感じです。 http://appleworld.com/4tr/

  • ページ上での文字の拡大について

    http://oshiete1.goo.ne.jp/qa520022.html コチラのページを参考にさせていただき、 文字の拡大・縮小ボタンをつくることができました。 できれば元に戻すボタンがほしいと思っています。 ソースをおしえていただけますでしょうか。 宜しくお願い致します。

  • ウェブブラウザの拡大機能

    「ルナスケイプ」というブラウザで「拡大機能」を使ってウェブの文字を大きくしているのですが、他のページに移るたびに拡大機能が自動的に解けてしまって、そのつど拡大の設定をしなおさなければなりません。それではとても面倒です。どなたか拡大機能を維持する方法、もしくは、そういう機能のあるウェブブラウザをご存知の方どうか教えてください!

  • Webページを拡大で表示したい

    電子メール内のWebアドレスをクリックして、Webページを表示したとき、縮小で表示されいちいち拡大にしなければならない。以前には拡大されて表示されていたのですが先日「Webページが表示されない場合の対処方法」を行った後縮小で表示されるようになりました。拡大で表示されるようにする方法があれば教えてください。OSはWindows XPです。

  • webページの拡大縮小

    ビスタのWindows Internet Explorer 7を使用しています。            (質 問) ・私はインターネットを開いた時に、2個ページ(Aサイト・Bサイト)が出るようにしています。 ・Aサイトは拡大率100%そのままの状態で見ています。 ・Bサイトは縮小率95%で見ています。 ・Bサイトのみ開く度に、縮小率を変えていますが、開いた時に95%に なって開くようにできますか? すみませんが教えて頂けますか?

  • ドラッグを用いての拡大/縮小

    VB6.0により、プログラムの実行後、フォームウィンドウの端(角)をドラッグすることにより、(ボタンやボックスを含め)全体を拡大,縮小させることはできますでしょうか? フォームウィンドウの端からのドラッグはデフォルトでも出来るのですが、フォームウィンドウのみが拡大,縮小されてしまい,ボタンやボックスは元の大きさのままになってしまいます。 ご教授、お願いします。

専門家に質問してみよう