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