Question

我正在开发一个菜单栏@最初有一个宽度属性，当屏幕大小小于767（@media screen and (max-width:767px)）时，我需要删除该属性。所以我试图实现它使用class.the height属性在此类中指定，并希望在宽度小于767px时删除该类。是否可以在更改屏幕大小时删除元素的类？？

Answer 1

如果您只想更改属性，则不一定需要javascript。

在媒体查询中写出该类的样式，例如

@media screen and (min-width:768px){
// i am usign MIN-WIDTH:786px not MAX-WIDTH
.yourclass{
float: right;
}
}

因此，此属性仅在大于786的屏幕上添加到该元素。

Answer 2

＆＃13;

alert($(window).width());

if($(window).width() > 500) {
        $('#body').addClass('limit1200');
        $('#body').removeClass('limit400');
    }else{
        $('#body').addClass('limit400');
        $('#body').removeClass('limit1200');
    }

＆＃13;

.limit400 h1 { font-size:10px; }
.limit1200 h1 { font-size:50px; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="body" class="limit400">
    <h1>Hey :D</h1>
</div>

＆＃13;

Answer 3

基本上这会在new Intent时删除课程blue。这是window width <= 767 btw

jquery

JSfiddle

更改屏幕尺寸时是否可以删除元素类？

3 个答案: