隱藏DIV，並用DIV替換，如果窗口窄於

我找到了這個主題Hide A DIV if screen is narrower than 1024px我想用類似於下面引用的代碼來說明這種響應的代碼：隱藏一個div（id =「krug_wide」）如果一個窗口更窄，然後1280px並用另一個替換該隱藏的div（id =「krug_small」）。隱藏DIV，並用DIV替換，如果窗口窄於

我還發現連接上述主題的頁面http://www.fryed.co.uk/labs/resize_div_on_window_resize。我仍然無法弄清楚正確和恰當的語法，但我相信它對你來說是「小菜一碟」。

預先感謝您。

$(document).ready(function() { 

    var screen = $(window)  

    if (screen.width < 1024) { 
     $("#krug_wide").hide(); 
    } 
    else { 

     $("#floatdiv").show(); 
    } 

});

來源

2013-10-28 alerasko

這裏不需要javascript，使用CSS [Media Query]（http://css-tricks.com/css-media-queries/）。 –

您可以使用Media Queries OU有此鏈接

媒體查詢由媒體類型和零個或多個表達式用於檢查的特定媒體功能的條件上的例子。

與CSS

@media screen and (max-width: 1280px) { 
    //Some property here 
    #krug_wide{ 
     ... 
    } 
}

或者創建不同的CSS

<link rel="stylesheet" media="screen and (max-width:1280px)" href="example.css" />

你有很多例如在W3C Media Queries

來源

2013-10-28 10:57:49

應用以下mediaquery在CSS

@media only screen (max-device-width: 1023px) { 
    .content { // Your div's class name to hide 
    display: none; 
    } 
}

來源

2013-10-28 11:05:11 N20084753

隱藏DIV，並用DIV替換，如果窗口窄於

回答

相關問題