wordpress - 手机上的不同图层颜色

Question

是否可以在 PC 上设置不同的颜色，在移动设备上设置不同的颜色？例如：我有一个文本，其中 PC 中的字体是灰色的，但在移动设备中它是白色的。

score 1 · Accepted Answer

有多种选择可以做到这一点。这是其中的 2 个，也许还有更多。

1) Wordpress 有一个函数wp_is_mobile()

如果设备是智能手机、平板电脑等，wp_is_mobile() 返回“true”。因此您可以使用 php 为移动显示创建条件。

例如：在模板中（当然必须定义css类；））

<h1 class="<?php ( wp_is_mobile() ) ? 'color-white' : 'color-grey' ?>">
   ... display title ...
</h1>

2) 您可以在您的 css 文件中使用媒体查询来更改具有较小屏幕分辨率的设备的属性。例如：对于小于 768 的屏幕，这会将 h1 的颜色设置为白色。在任何其他显示器上，h1 颜色将是灰色（根据一般规则设置）。

h1 { color: grey; }

@media screen and (max-width: 768px) {
    h1 {
          color: #fff;
    }           
}

这是非常笼统的，因为您没有说更改将/应该在哪里。我希望它有所帮助。编辑：我后来才注意到该主题也被标记为革命滑块。所以我不确定这是否对那个特定的插件有任何帮助。只要让我知道，如果它不相关，我会删除它。

干杯

1 回答 1