css - 如何编辑 Bootstrap 以适应手机屏幕？

Question

我做了一个理论上应该响应的应用程序。我在浏览器里测试，正常，但是在手机上测试，屏幕不调整。

这是网站: http://transparencia.camarajaboatao.pe.gov.br

我做错了什么？

Answer 1

没有查看源代码，只是在我的 android 中检查过，但如果你谈论按钮大小，你可以使用媒体查询更改大小。在这里阅读更多:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

您的案例示例:1.给你想要的按钮添加类。让我们称之为“kaftor”。2. 在您的 css 文件中，添加:

@media screen and (max-width: 400px) {
  .kaftor { width: 45%; }
}

希望对您有所帮助!

您可以在此处找到更多实用示例:https://www.w3schools.com/css/css3_mediaqueries_ex.asp