我做了一个理论上应该响应的应用程序。我在浏览器中对它进行了测试并且工作正常,但是当我在手机上测试时,屏幕无法调整。
这是网站: http://transparencia.camarajaboatao.pe.gov.br
我做错了什么?
答案 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