css 我不知道为什么我的网站没有响应[关闭]

ecbunoof 于 2023-10-21 发布在其他

关注(0)|答案(2)|浏览(130)

**已关闭。**此问题需要debugging details。它目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
6天前关闭
Improve this question
我是HTML和CSS的初学者，我正在做一个关于前端导师的项目。项目名称为Order Summary Component，我已经提交了项目，但问题是我的项目在Android手机等较小的设备上显示不好，我在GitHub上多次增加main容器的宽度，结果还是一样。这里是我的项目https://adebimpeabdulhamideniola.github.io/order-summary-card-component/的链接，这里是GitHub文件链接https://github.com/AdebimpeAbdulhamidEniola/order-summary-card-component.git。我需要帮助如何做，使其在较小的设备上显示良好。
此外，请原谅我可能犯的任何错误，因为这是我注册后第一次发表关于堆栈溢出的文章

2条答案

bootstrap是一个很好的选择，但如果你有时间短缺，那么你可以使用Display：Flexcss属性或把所有的尺寸百分比（%）来修复你的代码。

对于移动的调整可以使用css媒体查询。媒体查询是一种流行的技术，它可以将样式表传递到不同的设备，这些设备分别具有不同的屏幕尺寸和分辨率。
将以下内容添加到styles.css文件中

/* media query styles */
@media(max-width: 480px) {
 main {
   width: 90%;
 }
 
 .flex-body {
    padding: 1em 1em;
}

}