如何让我的网站移动响应？

Question

我尝试在互联网上搜索答案，但我找不到有效的答案。我想让我的网站对移动设备做出响应，当垂直时，li元素在屏幕上变小。这是我的代码，我确实放置了样式表的链接，并将元视口部分放在标题部分。

@media only screen and (max-width: 400px) {
.list {
    width: 30px; height: 20px;
}

}

Answer 1

以下是一些常见的标准要点：

@media (min-width: 320px) { /* for iPhones and smartphones */ }
@media (min-width: 481px) { /* for larger phones and small tablets */ }
@media (min-width: 600px) { /* for tablets */ }

说实话，如果有@media (min-size: iPhone)或@media (min-size: windows_tablet)这样的话会非常有用;它会让它变得更容易。