“x-phone”造型规则对于sencha触摸有什么意义？

Question

这是我正在阅读的CSS：

 .card {
        font-size: 72px;
        padding: 80px 40px;
    }

    .x-phone .card {
        padding: 15px;
        font-size: 36px;
    }

x-phone有什么意义？我猜，这是一个纯粹的猜测，css说，对于检测到移动设备的情况，使用.x-phone .card样式规则覆盖.card样式类规则？

这是对的吗？我在没有回答的情况下搜索了sencha touch api和google。

由于

Answer 1

如果您查看body-tag的类并更改User Agent字符串，您会发现它将更改x-desktop，x-phone和x-tablet之间的类。

所以是的，它会在电话时覆盖.card的风格。