尝试让我的网站响应迅速。我制作了一组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
类的相同媒体查询失败?
答案 0 :(得分:0)
这是你的问题:
在.web_description
padding-left: 4px;
.web_description {
并在媒体查询max-width:768px
中关闭双括号:
.H5_green_left {
font-size: 11px;}}