WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:INPUT type="text"が印刷時に大きくなります

0:[投稿] PRADO [2005/02/25 13:36 ][環境:WINXP SP2 わからない]

テキスト入力エリア(INPUT type="text")が印刷をするとサイズが大きくなります。
例)
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>Sample</title>
</head>
<body>
<input type="text" size="50"></td>
</body>
</html>
------------------------------------------------------------
INPUTタグの、size属性の値を大きくすればするほど、画面上よりも大きくなります。
METAタグのcharsetを「UTF-8」にすれば、ほぼ同じサイズで印刷されるのですが、「Shift_JIS」にしたいと思っています。
何かいい方法はないでしょうか?
よろしくお願いします。


1:[回答] andi [2005/02/25 14:52 ]

スタイルシートで調整してみては如何でしょうか。

メディアタイプを使用すれば印刷時のみ適用される
スタイルを設定することもできます。
http://hp.vector.co.jp/authors/VA022006/css/media.html

但し当然クライアントのブラウザがこれに対応している必要がありますが。


2:[回答] PRADO [2005/02/25 16:01 ]

andiさん、早速のご回答ありがとうございます。
ご指摘の通り、スタイルシートで調整してみましたが、
やはりsize属性の値によっては、画面表示時と印刷時とでは差が出ました。
------------------------------------------------------------
<style>
INPUT {font-family: "MS ゴシック",monospace;}
@media prit {
    INPUT {font-family: "MSPゴシック";}
}
</style>
------------------------------------------------------------
こういう事ではないのでしょうか?
よろしくお願いします。


3:[回答] [2005/02/25 16:32 ]

input { width: 20em; }


4:[回答] ダメ [2005/03/03 02:27 ]

フォント指定だけではダメだし、フォント名も違う。
フォント名は正しく使いましょう。

MS ゴシック
MS Pゴシック

サイズ指定も忘れずに

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World