更改屏幕大小时是否可以删除元素的类？
更改屏幕大小时是否可以删除元素的类？
提问于 2016-11-16 09:01:44
我正在处理一个菜单栏@，该菜单栏最初具有宽度属性，当屏幕大小小于767(@media screen and (max-width:767px))时，我需要删除该property.so，我正在尝试实现使用class.the高度属性在该类中指定，并希望在宽度小于767px .Is时删除该类。更改屏幕大小时可以删除元素的类吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-11-16 09:14:43
如果只想更改属性，则不一定需要javascript。
在媒体查询中编写该类的样式，例如
@media screen and (min-width:768px){
// i am usign MIN-WIDTH:786px not MAX-WIDTH
.yourclass{
float: right;
}
}因此，该属性将仅在大于786的屏幕上添加到该元素中。
Stack Overflow用户
发布于 2016-11-16 09:12:04
基本上，这将删除类blue时window width <= 767。我是jquery顺便说一下
$(window).resize(function(){
if($(window).width() <= 767){
$('.blue').removeClass('blue');
}
});Stack Overflow用户
发布于 2016-11-16 09:14:52
alert($(window).width());
if($(window).width() > 500) {
$('#body').addClass('limit1200');
$('#body').removeClass('limit400');
}else{
$('#body').addClass('limit400');
$('#body').removeClass('limit1200');
}.limit400 h1 { font-size:10px; }
.limit1200 h1 { font-size:50px; }<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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40627804
复制相关文章
相似问题
腾讯云开发者
