358 - 《CSS 错误片段集锦》

发布于 2023年10月25日

以下均为有错的 CSS 片段,来自真实项目。验证 mako 在 Bigfish 项目的可用性时发现。大家可以看看能发现哪些错误,检查下自己是否有掌握各种 CSS 的奇怪知识点。

1、

@media screen (max-width: 800px) {
    .jsonWrapper {
        width: 300px;
        overflow-y: auto;
    }
}

2、

 .foo {
   left: 24px;
   height: calc(100vh - 60px);
   max-width: calc(100%-60px);
 }

3、

@keyframes rotate {
   form {
     transform: rotate(0);
   }
   to {}
}

4、

.ant-pro-basicLayout:not('.ant-pro-basicLayout-mobile') ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2)
}

5、

@media screen and (max-width: 768px) and screen and (max-width: 768px) {
    .quick_search .searchTop :global .ant-input-clear-icon {
      height: 36px;
      font-size: 19px;
    }
}

6、

.enLeft :global .ant-menu-item {
    font-weight: normal !important;
    font-family: OB-Roboto-Regular !important;
    letter-spacing: 0 !impo

内容预览已结束

此内容需要会员权限。请先登录以查看完整内容。