如何停止强制继承div上的“left”和“right”css属性的媒体查询?
我有一个媒体查询和相应的CSS,它在屏幕右侧为桌面用户设置了一个工具集,在底部为移动用户设置了一个工具集。但是,它会覆盖CSS属性,并将0分配给左侧和右侧。我做错了什么?请看下面firebug的截图 以下是我的媒体标签:如何停止强制继承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
/*
- 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;
}
}