迴應應用CSS類

Question

我想使用類似於boostrap框架的東西，根據窗口大小選擇選擇應用於給定元素的CSS類。

例如，在引導，有沒有辦法選擇基於此xs，sm，md和lg部門下的瀏覽器落在申請哪一類？

有沒有簡單的方法來做到這一點？我需要使用JavaScript嗎？我應該看看自舉以外的東西嗎？

Answer 1

這聽起來像你需要media query。

它們將允許您根據窗口大小選擇性地應用樣式。

例如：

@media all and (max-width: 1000px) { 
    .element { 
    color: blue; 
    } 
} 

上面將適用的藍色的彩色到具有類的element只有當屏幕尺寸寬度低於1000px任何HTML標記的文本。

Answer 2

你可以使用CSS媒體查詢或使用JavaScript像

$(document).ready(function() { 

    var hei = $(window).height(); 
    var wid = $(window).width(); 
    if (hei <= 640 || wid <= 360) { 
     $('element').css('property','value'); 
    } 
    });