html - 移动设备的 CSS 移除效果

Question

我在带有一些标题的图像上有悬停效果。

我想让移动用户或使用纯触摸设备的人永久使用它。

是否可以根据用户的屏幕尺寸动态更改 a) 和 b)？

layout-caption-overlay-hover

与

layout-caption-overlay

Answer 1

您可以使用@media css 规则

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

@media screen and (max-width: 480px) {

    /* Style for the mobile */
    .layout-caption-overlay {
        /* style of your layout-caption-overlay-hover style */
    }
}