[解決済み】@media メディアクエリと ASP.NET MVC razor 構文の衝突
2022-04-04 06:57:22
質問
ASP.NET MVCでRazorビューエンジンを使用した大規模なサイトを持っています。
サイト全体の汎用的なスタイルをすべて含む基本スタイルシートがあります。 しかし、時々、ページ固有のスタイルがあり、それを
<head>
通常、これは1行か2行です。
私は、特にCSSを
<head>
しかし、そのページに特化した1行や2行であれば、別のファイルを添付して帯域幅を増やす必要はないでしょう。
しかし、ある例では、ページ固有のメディアクエリを
<head>
が、メディアクエリでは@記号と{}括弧を使うので、カミソリ構文と衝突してしまいます。
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
これを回避する方法はあるのでしょうか?
どのように解決するのですか?
は2重の@@記号を使用します。これにより、@ 記号がエスケープされ、クライアント側で @media が正しくレンダリングされます。
関連
-
[解決済み】サイドバーの位置を変更する
-
[解決済み] Bootstrap 4のclass="mb-0 "とは何ですか?
-
[解決済み] ファイルアップロード ASP.NET MVC 3.0
-
[解決済み] メディアクエリ。デスクトップ、タブレット、モバイルをターゲットにする方法とは?
-
[解決済み】部分ビューから特定のセクションにコンテンツを注入する ASP.NET MVC 3 with Razor View Engine
-
[解決済み】ASP.NET RazorのHTML.ActionLinkとUrl.Actionの比較
-
[解決済み】ASP.NET MVC 3 razor ViewStart ファイルで異なるレイアウトを指定するには?
-
[解決済み] [Solved] Replace line break characters with <br /> in ASP.NET MVC Razor view
-
[解決済み】ASP.NET MVC 3 RazorでAjax.BeginFormを使用する。
-
[解決済み】ASP.NET MVC 3 Razor - EditorForにクラスを追加する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】div間の空白を削除する
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] font-face は OpenType 埋め込み許可チェックに失敗しました。パーミッションはインストール可能である必要があります。
-
[解決済み] margin: auto は中央揃えではありません。
-
[解決済み] ブラウザでCSSファイルが更新されない
-
[解決済み] Bootstrap 4のナバーボタンのアイコンの色を変更するにはどうすればよいですか?
-
[解決済み] bootstrap 4 でカードブロックの不透明度を変更する方法
-
[解決済み] svgの円のダブルストロークの色
-
[解決済み] HTMLとCSSのBackground-imageが表示されない
-
[解決済み] CSSで背景画像を着色する方法を教えてください。