覚書: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:

Any comment?




XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>