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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

下面是一些常见的标准分：

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

以上是 如何让我的网站移动响应？ 的全部内容， 来源链接： utcz.com/qa/258704.html

回到顶部