【公告】網站目前停止所有的課程訂閱服務,除了 7 月底預計完成上線的 KBF 餘下課程影片,將不會再新增其它課程內容,原有學員權益不受影響,造成不便還請見諒,我們正在開發以 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供更好的課程訂閱服務,感謝學員的支持。

ASP.NET MVC Razor 語法中的 @ 符號與媒體查詢設定的衝突問題

當網頁中透過媒體查詢的設定以支援響應式功能,通常必須撰寫類似以下的媒體查詢語法:

@media screen and (min-width:561px) {
            .book-cover {
                float: left;
                width: 50%;
                text-align:center;
            } 
           
}

這段語法一開始以 @ 符號為字首進行設定,由於 ASP.NET MVC 網頁的 Razor 語法亦是以 @ 符號作為語法辨識字元,如果這段媒體查詢設定寫在 .cshtml 網頁檔案中,就會造成不必要的衝突。

為了避免上述的情形,將其修改如下:

@@media screen and (min-width:561px) {
            ....
            
}


直接配置兩個連接的 @ 符號即可。

沒有留言: