読者です 読者をやめる 読者になる 読者になる

ITの隊長のブログ

ITの隊長のブログです。いや、まだ隊長と呼べるほどには至っていないけど、日々がんばります。CakePHPとPlayFrameworkを使って仕事しています。最近はAngular2をさわりはじめたお(^ω^ = ^ω^)

cssでWeb用と印刷用のデザインを別ける方法

CSS3 CSS

スポンサードリンク

http://www.flickr.com/photos/11215573@N00/4059476052
photo by Maurice Svay


IEは使えるのかわかりませんが、@media でいけます!

/* webのデザイン */
#header {
	background:#fff;
}

/* 印刷時のデザイン */
@media print {
	#header {
		background:#000;
	}
}


レスポンシブと同じ感じでできますね。便利!