覚書:App_Themesに@media
- 05 / 11
- 金
- 2007
最近ずっとASP.net漬けなんですが、そこでひとつ覚えたCSSを簡単にメモります。今まで使ったことがなかったので、なるほど〜と感嘆すると同時に、忘れないうちに覚書きエントリという事で、ちょっと自分本位な記事で皆さんには申し訳ないですね。
ASP.net構築サイトをCSSでビジュアル+レイアウトデザインしてますが、この時CSSファイルはApp_Themesディレクトリ内の指定したテーマ名のディレクトリに梱包してあります。で、default.aspx内の< %@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Theme="MyThemeName" %>がアンカーになってCSSが反映されます。でも、実はテーマのCSSファイルがスクリーン用なのかプリント用なのかを示すタグが含まれておらず、手打ちで直接XHTMLタグでも挿入できないんです。じゃ、どうしようかと思いググったところありました!
CSSファイル内に @media print { ... } というタグを入れるだけで解決したのでびっくり。{ … }には、普通にセレクターからCSSコーディングをするだけ。なんだ、これだけで良かったんだんですね。でも、マスターページ使ってない状況なんで、もしかしたらもっと簡単な方法があったりして…。
ホントCSS内に書き込める@mediaシンタックスがあったなんて知りませんでした〜。ということで、またお勉強になったわけです。
それにしても、最近ちらちらとASP.net関連の話題を書いてますね。ウェブデザインカテゴリーにしてありますが、厳密にはちょっと違うわけで、そろそろカテゴリー別に整理した方が良いのでしょうね。うーん、イマイチこれらの記事をどうカテゴリー分けしてよいものやら… ちょっと考えてしまいました。
311 Views


Trackback URL: