我有一个以 avada wprdpress 为主题的网站。我在主题选项的“自定义 CSS”中添加了自定义 CSS。这适用于台式机,但不适用于移动分辨率。
例子:
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px){
.fusion-alignleft{
max-width: 80%;
float:left;
}
.fusion-alignright{
max-width: 20%;
float:right;
}
.fusion-contact-info {
padding: 1em 0px;
line-height: 1.5em;
}
.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright{
text-align: right;
}
}
如何在 avada wordpress 主题选项中添加响应式样式?
最佳答案
在 CSS 媒体中,设备宽度和宽度分辨率之间存在差异。您可以在此处阅读更多相关信息:http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml
就是说,试试这个...
@media all and (min-width: 320px) and (max-width: 640px) {
.fusion-alignleft {
max-width: 80%;
float:left;
}
.fusion-alignright {
max-width: 20%;
float:right;
}
.fusion-contact-info {
padding: 1em 0px;
line-height: 1.5em;
}
.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-header .fusion-alignright {
text-align: right;
}
}
关于css - 如何在 Avada WP 主题中添加自定义 css 响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36987407/