如何停止强制继承div上的“left”和“right”css属性的媒体查询?

如何停止强制继承div上的“left”和“right”css属性的媒体查询?,css,media-queries,Css,Media Queries,我有一个媒体查询和相应的CSS,它在屏幕右侧为桌面用户设置了一个工具集,在底部为移动用户设置了一个工具集。但是,它会覆盖CSS属性,并将0分配给左侧和右侧。我做错了什么?请看下面firebug的截图 以下是我的媒体标签: /* - Binds all layouts together with imports and mediaqueries. */ //@import "libs/reset.less"; @import "mediaqueries/global.less"; @imp

我有一个媒体查询和相应的CSS,它在屏幕右侧为桌面用户设置了一个工具集,在底部为移动用户设置了一个工具集。但是,它会覆盖CSS属性,并将0分配给左侧和右侧。我做错了什么?请看下面firebug的截图

以下是我的媒体标签:

 /* 
- Binds all layouts together with imports and mediaqueries.
*/

//@import "libs/reset.less";

@import "mediaqueries/global.less";
@import "mediaqueries/desktop.less";
@import "mediaqueries/mobile.less";



@media only screen and (min-width: 480px) {
.mqMobile; /* Use mix-in to make sure that the styles are expanded inside the     mediaquery */
}

@media only screen and (min-width: 992px) {
.mqDesktop; /* Use mix-in to make sure that the styles are expanded inside the    mediaquery */
}

对于移动媒体查询,请使用right:auto。这将覆盖普通CSS,并在不实际指定特定值的情况下从0切换right属性。例如:

@media only screen and (min-width: 480px) {
    .mqMobile {
        left: 0;
        right: auto;
    }
}

对于移动媒体查询,请使用right:auto。这将覆盖普通CSS,并在不实际指定特定值的情况下从0切换right属性。例如:

@media only screen and (min-width: 480px) {
    .mqMobile {
        left: 0;
        right: auto;
    }
}

你需要在你的css文件中添加媒体查询

这将针对所有人

这将以手机为目标

请参阅:


你需要在你的css文件中添加媒体查询

这将针对所有人

这将以手机为目标

请参阅:


您的媒体查询标签在哪里?您需要将每个工具集封装在自己的媒体查询Post实际代码中,而不是屏幕截图,并在Jsfiddle.netWell、.mqMobile和.mqDesktop上创建一个简化的问题示例。如果我们不知道这些混合对应于哪些规则,则这些工具集的帮助不大。您的媒体查询标记在哪里?您需要将每个工具集封装在其自己的媒体查询Post实际代码中,而不是屏幕截图,并在Jsfiddle.netWell、.mqMobile和.mqDesktop上创建一个简化的问题示例。如果我们不知道这些混合对应于哪些规则,那么这些工具集就没有多大帮助了。你太棒了!非常感谢你的帮助!你太棒了!非常感谢你的帮助!
@media only screen and (max-device-width: 480px) {

     #toolset{
        float:right;
     }

}