时间戳

首页 > 解决方案 > 如何编辑引导程序以适应手机屏幕？

css - 如何编辑引导程序以适应手机屏幕？

问题描述

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

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

我究竟做错了什么？

标签： cssbootstrap-4

解决方案

没有查看源代码，只是在我的 android 中检查了它，但是如果您谈论按钮大小，则可以通过媒体查询更改大小。在此处阅读更多信息：https ://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

您的案例示例： 1. 将类添加到您想要的按钮。让我们称之为“卡夫托”。2. 在您的 css 文件中，添加：

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

希望能帮助到你！

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

推荐阅读