2015-12-02 53 views
0

我有一個html,我也有圖片的旋轉木馬。但在小型設備上,它們看起來不太好。所以我的問題是,如果寬度小於1015px,我該如何隱藏div?這是我的div如果window.width隱藏

<html> 
<body> 
    <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
</body> 
</html> 

我已經知道,我必須使用JavaScript或CSS。但它不適合我。那麼有人可以告訴我,我必須使用哪個JavaScript?

+0

http://stackoverflow.com/questions/31511001/is-there-a-javascript-equivalent-to-using-media-query/31511072# 31511072 –

+0

如果您使用bootstrap,那麼只需在要隱藏的div上使用hidden-xs類。 –

+0

謝謝你的作品 –

回答

1

嘗試把這個在你的CSS文件:

@media screen and (max-width: 1015px) { 
    #myCarousel{ 
     display: none; 
    } 
} 
+0

'hidden-xs'會自動做到這一點。不需要這樣做。 – Jai

+1

默認情況下,hidden-xs隱藏屏幕寬度<768px的div。他希望1015. – AVAVT

+0

_But在小設備上_ **小設備**其寬度<1015. – Jai