如何使我的网站具有移动响应能力？

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) 这样的东西会非常有帮助；这会让事情变得容易得多。