تعیین دو نوع نمایش برای صفحه، یکی هنگام نمایش صفحه در کامپیوتر و دیگری برای پرینت (print) صفحه، با قاعده @media ، در CSS

با استفاده از کدهای CSS ، می توانیم تعیین کنیم که صفحه مورد نظر ما، در هنگام نمایش در کامپیوتر، دارای یک سری ویژگی ها باشد و هنگامی که پرینتی از صفحه را تهیه می کنیم، دارای یک سری ویژگی های دیگر باشد. برای این منظور، باید از قاعده @media استفاده کنیم.

مثلا فرض کنید که بخواهیم برای دو حالت نمایش در کامپیوتر و پرینت از صفحه، دو نوع فونت متفاوت تعریف کنیم (در هنگام پرینت گرفتن از صفحه، متن با فونتی دیگر نمایش داده شود)، برای این منظور، کدهای CSS زیر را باید بنویسیم :

اکنون فرض کنید که بخواهیم تعریف کنیم که اندازه فونت ها، برای هر دو حالت (نمایش در کامپیوتر و پرینت از صفحه)، یکسان باشد، برای این منظور، کدهای CSS زیر را می نویسیم :