Question

我在wordpress css文件中创建了一个类

.leftfloat{ float:left; padding-right:10px; }

我在帖子中使用它来围绕图像包装文本，如下所示：

<div class ="leftfloat" > image code or ad code </leftfloat>

它在PC和移动设备上工作。但是，我想在移动设备中禁用此浮动。所以我这样做了：

模板中已定义@media，我刚刚添加了.leftfloat {float: none;}

但是当我检查它时，它并没有在移动设备上禁用浮动。

@media screen and (max-width: 860px) {
        .leftfloat {float: none;}
}
@media screen and (max-width: 1020px) {
        .leftfloat {float: none;} }

@media screen and (max-width: 767px) {
        .leftfloat {float: none;}
}
@media screen and (max-width: 620px) {
        .leftfloat {float: none;} }

@media screen and (max-width: 420px) {
         .leftfloat {float: none;}

Answer 1

您的完整CSS看起来像：

var number = int.Parse(ddlDiscountType.SelectedValue);

目前，移动设备会从原始类中获取.leftfloat{ float:left; padding-right:10px; } @media screen and (max-width: 860px) { .leftfloat { float: none; } } @media screen and (max-width: 1020px) { .leftfloat { float: none; } } @media screen and (max-width: 767px) { .leftfloat { float: none; } } @media screen and (max-width: 620px) { .leftfloat { float: none; } } @media screen and (max-width: 420px) { .leftfloat { float: none; }，因为媒体查询都是float: left。将max-width设置为＆＃34; mobile＆＃34;你需要扭转一切的尺寸，（例如）

float: none

Answer 2

您可以将移动设备中孩子的属性设置为继承。像这样：

 @media screen and (max-width: 420px) {
       .leftfloat {
         float: inherit;
       }

如何在移动设备上禁用css规则

2 个答案: