Webサイトを閲覧するときにブラウザの機能で拡大、縮小して表示ができますが、この表示をWebサイト側(サーバー側)から変更することはできるのでしょうか。

具体的には、自社のサイトを表示するときは自動で1サイズ小さく表示するようにさせたいと思っています。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/10/21 10:43:18
  • 終了:2012/10/28 10:45:03

回答(5件)

id:oil999 No.1

oil999回答回数1728ベストアンサー獲得回数3202012/10/21 10:58:32

ポイント20pt

できません。
画面の拡大・縮小機能はブラウザ固有の機能で、HTMLやJavaScriptで定義されていないためです。

代替策として、HTML5のiframeにtransformを組み合わせることで、フレーム内の表示ページを拡大・縮小することはできます。

iframeで、WEBサイトのサムネイルみたいに表示する。

http://d.hatena.ne.jp/takuya_1st/20120508/1336497442

id:windofjuly No.2

うぃんど回答回数2625ベストアンサー獲得回数11492012/10/21 12:16:06

ポイント20pt

WEBサーバーの振り分け機能は今回の要求にはそぐわないです。

デザインを担当するのはcssなので、
サイト全体のデザインを統括して便利に管理していきたい場合には、
カスケードスタイルシートをいくつかの段階に分けて用意しておくことで対応します。

レベル1:サイトの全てのページが基本にする共通のスタイルシート。
レベル2:サイト内をいくつかのグループに分ける場合は、グループ内で共通のスタイルシート。
レベル3:いくつかのページで使いまわしたいスタイルシート。
レベル4:特設ページなど、どうしてもそのページだけ変えたい場合のスタイルシート。
(なお、レベル分けはサイト構成によりますので、この限りではありません。)

今回の質問は自社のサイトということですから、
サイト内の全てのページからリンクするスタイルシートを用意することになります。
(以前の質問で出ていたwordpressならばテーマのcommon.cssが相当します。)

例として次の2つを挙げておきます。

(a)文字だけを対象にする場合は意外と簡単です。
文字サイズを相対指定で行えば良いです。
xx-small/x-small/small/medium/large/x-large/xx-large
一段小さくしたい場合はsmallを用います。
古くからある機能なのでブラウザ依存の心配はしなくても良いです。

 * { font-size:small }

(b)画像を含めた拡大・縮小はIEだけの独自機能です。
IEであればzoomというcssが使えます。他のブラウザでは無視されます。

body { zoom:0.8 } ←数値指定
body { zoom:80% } ←パーセント指定
body { zoom:normal } ←標準
id:sanada33 No.3

みかん回答回数293ベストアンサー獲得回数32012/10/21 20:04:51

ポイント20pt

スタイルだけで実現するサムネイル

  • webkit-transform: scale(0.5);
  • webkit-transform-origin: 0 0;

で出来るよ。

id:pigmon88 No.4

pigmon88回答回数501ベストアンサー獲得回数252012/10/21 22:06:48

ポイント20pt

javascriptでできますし、cssでも擬似的にできるようです。

http://www.sun-inet.or.jp/usr/reirou/public_html/javascript/java017.htm
http://jsdo.it/edo_m18/xW07

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません