gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 01:39:16 25 4
gpt4 key购买 nike

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

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

我做错了什么?

最佳答案

没有查看源代码,只是在我的 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

关于css - 如何编辑 Bootstrap 以适应手机屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50514067/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com