我如何使我的网站移动重新负责

Question

我尝试在Internet上搜索答案，但找不到有效的答案。我想让我的网站响应移动设备，在垂直时，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)之类的东西，这将非常有帮助；这会使它变得容易得多。