Fatal编程技术网
  • css/
  • 为什么我的空白css在我的媒体查询中不起作用？

为什么我的空白css在我的媒体查询中不起作用？

css

为什么我的空白css在我的媒体查询中不起作用？,css,margin,Css,Margin,我试图创建一个电子邮件签名，当在手机上时，上面的文字与照片对齐。在桌面版上，我的上边距为32px，媒体查询为0px。知道我的媒体查询不起作用的原因吗 @仅媒体屏幕和（最大宽度：500px）{ .手机{ 可见性：隐藏； 显示：无； } .多行文字{ 页边距顶部：0px；！重要 填充：0px；！重要信息 } } John Smith 首席执行官佐治亚州阿尔法雷塔510号套房123中央套房30022T 800.800.8808 | D 800.800.0236 | F 800.800.2704

我试图创建一个电子邮件签名，当在手机上时，上面的文字与照片对齐。在桌面版上，我的上边距为32px，媒体查询为0px。知道我的媒体查询不起作用的原因吗

@仅媒体屏幕和（最大宽度：500px）{
.手机{
可见性：隐藏；
显示：无；
}
.多行文字{
页边距顶部：0px；！重要
填充：0px；！重要信息
}
}


John Smith

首席执行官
佐治亚州阿尔法雷塔510号套房123中央套房30022
T 800.800.8808 | D 800.800.0236 | F 800.800.2704
如果您需要使用
！重要信息
它应该在
之前
该死的儿子！你听说过Flexbox吗？他们可能会帮你解决问题。你可以为你的内容制作一些框，然后为框指定@media。你的代码写得很糟糕。你应该先修复你的HTML，那里有很多不必要的标记。此外，最好将CSS保存在外部样式表中，或者至少保存在一组样式标记中。内联CSS使你的HTML很难阅读，而且不利于具体性。@Kektuto OP提到了一个电子邮件签名，所以我打赌它是关于HTML邮件的。如果是关于新的css功能，那么电子邮件客户端确实很特殊，而且受到限制。@APAD1如果涉及html电子邮件，那么将css置于
样式
属性中仍然是必要的。但它确实不应该手工完成，而应该使用构建脚本。

@media only screen and (max-width: 500px) {
  .mobile {
    visibility: hidden;
    display: none;
  }

  .mtext {
     margin-top:0px !important;
     padding:0px !important;
  }
}