如何编辑引导程序以适应手机屏幕?

时间:2018-05-24 16:26:30

标签: css3 bootstrap-4

我做了一个理论上应该响应的应用程序。我在浏览器中对它进行了测试并且工作正常,但是当我在手机上测试时,屏幕无法调整。

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

我做错了什么?

1 个答案:

答案 0 :(得分:0)

我没有在源代码中查看它,但是如果你谈论按钮大小,你可以通过媒体查询来改变大小。在此处阅读更多内容: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