【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

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) {
            ....
            
}


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

沒有留言: