媒体查询他们包含的误读类

时间:2015-05-29 16:51:21

标签: css css3 responsive-design media-queries

尝试让我的网站响应迅速。我制作了一组media queries,一组用于max-width:1200px,另一组用于max-width:768px

在这些media queries中我有2个班级。 media queries适用于.H5_green_left但会影响.web_description类,以便类的主要CSS声明({1}}之外)被{{1}替换宣言。

为了清楚地了解media query是否有效,我夸大了{。1}} .web_description类。您可以在行动here中看到这一点。

如果产品说明位于左上角768px media query,后面是无序列表media queries

您可以看到视口缩小的第一个类更改,但第二个类对于所有视口font-sizes保持不变,并且它不是在原始类描述中声明的类。

以下代码:

H5_green_left

为什么媒体查询在.web_description类中正确执行,width类的相同媒体查询失败?

1 个答案:

答案 0 :(得分:0)

这是你的问题:

.web_description

之前错过主CSS中的右括号
padding-left: 4px;

.web_description {

并在媒体查询max-width:768px中关闭双括号:

.H5_green_left {
    font-size: 11px;}}