Facebook/css-tricks.com如何編寫標題？

例如，Facebook/css-tricks.com如何編寫標題？

在Facebook上，當用戶在寬度爲1000px後調整瀏覽器大小時;標題保持不變，但在低於該大小後，標題變爲絕對。

一樣的去css-tricks.com，經過一定的調整大小，價值的變化.. 他們是怎麼做到的？

到目前爲止我所知道的，他們正在使用jquery或一些window.height（）值編碼。

我試圖尋找一個相當長的時間（如1周？，但我不知道什麼是搜索的關鍵字，教程必將是對谷歌的地方！）

謝謝爲了讓你的時間閱讀我的問題！

來源

2012-02-11 user1203608

你需要在你的jQuery初始化

if($(window).height() > = 1000){ 
    $("#your_id").removeClass("yourOtherClass").addClass("yourNewClass"); 
} else { 
    $("#your_id").removeClass("yourNewClass").addClass("yourOtherClass"); 
}

我剛纔現場輸入的那這樣未經考驗在莫待做這樣的事情。希望這有助於

來源

2012-02-11 10:19:38

我會很快更新你的。將進行測試並告訴你它是否有效。：）感謝您的快速回復！ – user1203608 2012-02-11 10:21:53

我認爲這將是最簡單的方法，在你的樣式表，或者在你的頁面的標題，定義是這樣的：

.header { 
    width : 100%; 
    max-width : 1000px; 
    }

然後使用它：

<div class="header">This should span the entire page up to 1000 pixels</div>

來源

2012-02-11 10:26:41 DivXZero

嗨！我知道這一點，但我想知道的是=當用戶調整他們的瀏覽器，CSS改變價值。就像Facebook一樣，它有一個固定的標題，但是如果它太小，它會回到絕對，並保持在最頂層......感謝回覆tho :)。希望你能回答我的問題（這裏）:)。 – user1203608 2012-02-11 10:29:54

好吧，你的部分權利:)。它應該是@media（max-width：setyourwidth-px）{css values}謝謝！我的問題現在解決了:) – user1203608 2012-02-11 17:13:00

Facebook/css-tricks.com如何編寫標題？

回答

相關問題