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

Question

我试图在网上搜索答案，我找不到一个工作。我想让自己的网站能够响应移动设备，在竖屏时li元素在屏幕上变得更小。这是我的代码，我确实在它的样式表中加入了一个链接，并将meta viewport部分放在标题部分。

@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)真正有用的;它会使它变得更容易。