18910140161

html-当添加@media only屏幕和(最大宽度:1000px)时,代码会中断?-堆栈溢出

顺晟科技

2022-10-19 14:09:56

175

代码:

/* Header Height Adjustment*/
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

工作正常,但在移动版菜单箭头中做了小的调整。

https://i.imgur.com/bh796lz.jpeg

当试图仅包含对笔记本电脑版本的此更改时,通过添加/或/代码--行将变为红色,并且特定代码将中断/重置。

/* Header Height Adjustment*/
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

https://i.imgur.com/ey6Ugbv.jpeg

这里有什么我错过的吗?

非常感谢您的任何反馈


顺晟科技:

媒体查询不是注释,从外观上看,我假设您有Java背景。

媒体查询封装要应用的规则,如果规则匹配。

所以而不是

/* Header Height Adjustment*/
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

必须

/* Header Height Adjustment*/
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

注意语法,请尝试

/* Header Height Adjustment*/
#ct-header-wrap.ct-header-layout9 .ct-main-menu > li > a {line-height: 89px;}

reference

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航