我正在构建一个响应式网站,并遇到Chrome未实现@media查询与Firefox相同的问题。Chrome没有按预期对@media查询作出响应
在图像上,Firefox位于左侧(我期望设计看起来如此)和右侧的Chrome。正如您所看到的,Chrome不会根据@media查询进行更改。在移动设备上也一样。
CSS:
@媒体介质宽度:768px;
.bm-s-section-ill-wrap-item {
max-width: 100%;
margin: 2px;
border-radius: 8px;
border: 2px solid @dark-blue;
flex: 1 1 48%;
@media(min-width: @media-medium-width) {
margin: 6px;
border-width: 4px;
flex: 1 1 32%;
}
}
您没有使用有效的CSS。你不能像这样使用变量或嵌套选择器。 – FluffyKitten