Question

我正在使用海洋主题，我想使用wordpress短代码为我的背景图像做出响应。

示例：

[highlight background-image="my_background_image.jpg" 
  background-position="center center" background-stretch="yes"]
 [/highlight]

如果我尝试通过此方式响应图像，那么移动设备背景图像的大小正在缩小。

有没有办法在wordpress中编写媒体查询css？

或

我的问题的任何替代解决方案？

Answer 1

无论您是否使用短代码，都应该在.css文件中完成。您可以使用以下几种宽度作为响应式样式的示例：

@media all and (min-width: 1024px) and (max-width: 1280px) { ... }

@media all and (min-width: 768px) and (max-width: 1024px) { ... }

@media all and (min-width: 480px) and (max-width: 768px) { ... }

@media all and (max-width: 480px) { ... }

将这些内容放入style.css

如何在wordpress中对短代码做出响应

1 个答案: