Question

我想为移动视图和平板电脑视图提供CSS。我已经创建了媒体标签并编写了代码，但它没有工作我写了

在phtml文件的顶部，写了类名，我给了css，如下所示

<code>
<meta name="viewport" content="width=device-width,initial-scale=1.0"> //at top
@media only screen and (max-device-width: 1000px)
{.numbertext
 {
   font-size: 50px;
   color: red;
 }
}
</code>

请帮助我如何写以获得正确的输出

Answer 1

可能你错过了一个样式标签。

应该是这样的：

<style>
@media only screen and (max-device-width: 1000px)
{
.numbertext
{
font-size: 50px;
color: red;
}
}
</style>

Answer 2

将您的媒体查询包含在样式标记内。

<style type="text/css">
    @media screen and (max-width: 1000px){
        .yourClass{

        }
    }
</style>

@media标签不适用于phtml文件

2 个答案: