レスポンシブWebデザインじゃない、PC専用サイトなどの場合には、画面上のページを印刷するとほぼ見た目が同じのレイアウトで印刷することができますが、レスポンシブWebデザインで作成したWebサイトは画面の横幅によってレイアウトが変わる仕組みになっているので、そのままプリントするとPC画面とは違うレイアウトで印刷されることがあります。もちろんこれはユーザー(閲覧者)側ではどうすることもできません。サイト制作者があらかじめプリント用のCSSを追加しておく必要があります。
プリント用のCSSファイルには、印刷したときに最適になるようなレイアウトでスタイルシートを書いておき、print.cssなどのファイル名をつけて保存。また、HTMLファイルの<head></head>内には、<link href=”print.css” rel=”stylesheet” type=”text/css” media=”print”> を書いてリンクします。これでOK。
ただし、プリント用のCSSをあとから作成するとなると結構手間がかかるので、できるならばサイト作成中の段階で同時進行で作った方が良いでしょうね。
すみません。今回は、ホームページ制作業者以外の一般の方は「なんのこっちゃ、さっぱりわからん!」でしょうね。
m(_ _)m