我有一些CSS,當我的CSS文件內沒有應用到我的設計師在Visual Studio中,但是當我發佈它時應用到頁面。這個問題是大規模放緩網站的發展,因爲我試圖拿起CSS,因爲我去......未在Visual Studio 2012設計器中應用CSS?
下面是CSS的樣本位:
.header {
background-color: #ccc;
border-bottom: 1px solid #666;
color: #222;
display: block;
font-size: 20px;
font-weight: bold;
padding: 100px 100px 100px 100px;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px #fff;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#ccc), to(#999));
}
我將頁面上的CSS:
<header>
<asp:Label ID="lblQuestion" runat="server" Font-Bold="True" Font-Size="16pt" Text="Your question goes here..." CssClass="header"></asp:Label>
</header>
我加入CSS頁面:
<link rel="stylesheet" type="text/css" href="mycss.css" media="only screen and (max-width: 480px)" />
我很新的CSS,所以我希望有人能告訴我我在幹什麼,這就是停止Visual Studio在設計器中正確渲染CSS ...
另外,如果我直接在頁面中放置CSS標籤,那麼它可以工作,但我寧願讓我的CSS放在它自己的文件中,它可以被重用。
例作風工作:
<style>
.header {
background-color: #ccc;
border-bottom: 1px solid #666;
color: #222;
display: block;
font-size: 20px;
font-weight: bold;
padding: 100px 100px 100px 100px;
text-align: center;
text-decoration: none;
text-shadow: 0px 1px 0px #fff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
}
</style>
感謝
我實際上必須刪除「media =」唯一的屏幕和(max-width:480px)「」我的鏈接樣式表的一部分。如果你更新你的答案來解釋這一點,那麼這段文字就會檢查屏幕尺寸並啓用一個基於此的樣式表,然後我可以將你標記爲答案:) – Faraday
@Vijay〜這是一個完全不同的問題。 – Tyanna
這不是問題。這是我告訴你什麼解決了我的問題(答案),並說如果你願意解釋這個問題,讓其他人可以找到它,我會給你點。如果不是這樣很好,我可以做出答案並將其標記爲答案,只是認爲我會很好...... Visual Studio 2012可以解決我的類名,並且網站相對路徑在2012年可以在設計器中工作(不確定關於<2012年),我的IDE工作正常。這只是「媒體」這個問題。你的電話,我明天會回來,如果沒有你的編輯我會做出回答:) – Faraday