• ベストアンサー

サイト全体を縮小して印刷するには?

こんにちは。教えてください。 http://lexus.jp/ 上記アドレスのサイトのように 横幅940pxと普通はA4縦では全てが印刷出来ないサイズのサイトでも ブラウザから印刷するとサイト全体が縮小して A4縦に収まって印刷される方法を教えてください。 JavaScript、css少しならわかります。 よろしくお願い致します!

noname#103381
noname#103381

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

  • ベストアンサー
回答No.1

まず、このサイトは標準準拠モードではなく互換モードで作成されています。 (IEはプロパティにつくアンダーバーを無視する。 他のブラウザは仕様どおり存在しないプロパティ自体を無視する) http://lexus.jp/models/common/css/import.css から読み込まれる http://lexus.jp/models/common/css/default.css にある @media print { body { _zoom: 0.68; } } を読み込むことで印刷時のみzoomを効かせているんだと思います。 Minefield/Firefox,Opera,IE7にはShrink To Fitという 自動的にページ幅を基準とする機能が付いています。 MinefieldではScaleで調整し, Operaでは[ファイル]-[印刷オプション]に「用紙幅におさめる」で有効になります。 IE6は上の指定で回避します。 ただし,IE7は標準でShrink To Fitであり,zoomプロパティを読み込んでしまうため,異様に小さく印刷されてしまいます。なのでShrink To Fitではなく100%で印刷した方が良いでしょう。 何故か俺の環境ではVPC上でしか動作しないSafariは, VPCにプリンタドライバ入れなきゃいけないのが面倒なので検証していません。

noname#103381
質問者

お礼

回答ありがとうございます。 出来ました!! 私はJavaScriptを使うと思っていたのですが cssでこんなに簡単に出来るのですね! 指定のブラウザを回避する方法も探してみたいと思います。 ありがとうございました。 追伸 知っていたら教えて欲しいのですが 印刷時の余白はcssでは設定設定できないのでしょうか?

関連するQ&A

  • セブンイレブンのHPのように印刷時に横幅の自動調整をしたい

    セブンイレブンのホームページのように、 横幅を768pxとっているのにも関わらず、A4縦での印刷時に横幅が切れないようにしたいのですが、どのようにしたらできますか? いろいろ試してみたのですが、横幅が750pxを超えると、切れてしまいます。 ◆セブンイレブンジャパン http://www.sej.co.jp/faq/index.html 環境は、 Windows IE5.5↑ HTML、CSS、Javascriptのみ使用可能。

    • ベストアンサー
    • HTML
  • ホームページ全体を拡大・縮小表示するには

    px値を指定して作ったページがあって 読み込んだ時にホームページ全体を拡大・縮小表示の指定するには どうしたらいいでしょうか? ipadのブラウザから見たらスクロールしないと 全体が見れなかったので、ページ全体を縮小させたいです。 $(document).ready(function(){ $("body").css("zoom","70%"); }); これを追加してみたんですが変わらなかったです。

  • PhotoshopCS5で画像縮小拡大する方法は?

    基本的な質問ですが、 たとえば横幅が250pixで縦の長さが136pxの画像があったとします。 これを、縮小や拡大するにはどうすればいいのでしょか? なお、具体的には・・・・・ //----------------------------------------------------------- 拡大⇒横幅270pxにして、縦の長さは「横幅:縦の長さ」の比が変わらないようにしたいです。 縮小⇒横幅230pxにして、縦の長さは「横幅:縦の長さ」の比が変わらないようにしたいです。 //----------------------------------------------------------- なお、『編集⇒変形⇒拡大・縮小』で拡大・縮小をできることは知っています。 ですが、それだとドラッグ&ドロップで「このくらい」の「拡大/縮小」はできますが、 より正確に、横幅を270pxや230pxという数値をどこかで入力して、 縦の長さは「横幅:縦の長さ」の比が不変、という形にしたいです。 どうすればいいでしょうか? よろしくお願い申し上げます。

  • 縮小印刷

    PX-405Aを使っています。元データをA3で作り、A4に縮小印刷しようとすると、「データの一部が印刷範囲の外に出ています。」というメッセージがでて、そのまま印刷すると、一部しか印刷されません。(縮小もされていない) 印刷設定画面では、「A3→A4」という指示もでき、「縮小率69%」という表示も出て、いかにも縮小印刷するような感じなのですが,実際には上記のようなことになります。 以前PM-D600を使っており、この器械では、ちゃんと縮小してくれていました。 なお、この件を、colorioのテクニカルセンターにも問い合わせましたが、解決できず、困っています。 (ひょっとすると、機種により、認識するデータサイズに制限があるのかと思いますが) ※OKWaveより補足:「EPSON社製品」についての質問です。

  • 「縮小して全体を印刷する」を変更できますか

    ブラウザをIE6からIE7にアップグレードしたら、印刷が縮小印刷になってしまいます。印刷プレビュウで見るとデフォルが「縮小して全体を印刷するになっています。ここでそのたびに100%に戻して印刷していますが、デフォルトで常に100%印刷するにはどうしたらよいのか ご教授お願いします。OSはXP

  • 縮小印刷について

    PX-M5040Fを使用しCAD図面を印刷を行いたいとおもいますが 図面がA1サイズをA3サイズに縮小し印刷したいができません。 表示がA2サイズまでとなっており、一度PDF A3判に変換し 印刷しておりますが、直接印刷可能でしょうか。 ※OKWaveより補足:「EPSON社製品」についての質問です。

  • 横書き印刷の縮小

    こんにちは。word2002でA4サイズ横で作成したものを縮小してA6サイズで印刷したいのです。2ページに渡って印刷という設定にするとA4縦向きに2枚出てきてほしいのですが横向きで印刷されてしまいA4の4分の1サイズになってでてきます。どうしたらいいのでしょうか。うまく説明ができていないと思いますが、どなたか知恵をお貸しいただけませんか?

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

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

  • サイトの表示全体が縮小、何故?

    ネットでアマゾンのページを表示していて、ctrlキーを押してしまったところ、突然画面表示自体が全体的に縮小してしまいました(フォントサイズや写真のサイズが小さくなってしまったということ)。他のサイトを表示しても異常はありません。これを元に戻すにはどうしたらよいのでしょうか?御教示頂ければ幸いです。ちなみにブラウザはFirefoxの最新版です。

  • 縮小印刷について

    ワード(A4サイズ)で製作したものを「カード」や「名刺」サイズに縮小印刷したのですが、うまく紙の中心に適度なサイズで印刷されません。まずためしたのはプリンタ(キャノンpixus ip40)の印刷プロパティから縮小印刷をしてみました。すると、中心に印刷されましたが、下のほうに大きな余白ができてしまいました。縮小%をいじってみましたが、大きくなった分今度は右よりな印刷になってしまいました。次にワードの印刷画面下の拡大/縮小で用紙サイズの指定をカードにして印刷しましたが、今度は全体的なバランスはいいのに、やはり右よりに印刷されてしまいます。これは何が原因なのでしょうか?

専門家に質問してみよう