宽度设置为100%似乎不适用于我.请帮助我使我的网站响应

Question

我正在为自己制作一个投资组合网站，作为我的第一个项目。它放在桌面上看起来很棒。但当我在手机上打开它时，它没有反应。我试过将宽度设置为100%，但在手机上，我将其最小化，以根据屏幕进行调整，然后就可以了。我想解决这个问题，任何帮助都将不胜感激。这是网站(https://portfoliofirst-website--tammanaaps.repl.co)这是代码(https://replit.com/@tammanaps/portfoliofirst网站(

Answer 1

是的，容器是固定大小的，响应不是很快。顺便说一句，你可以从使用CSS网格来处理容器和移动屏幕上的不同部分以及媒体查询中受益

例如：

@media screen and (max-width: 768px) {
.header-text-box {
grid-column: 1;
grid-row: 1;
}
img {
grid-column: 1;
grid-row: 2;
}
}

Answer 2

因为您使用容器大小(960像素(尽量让它达到身体的全尺寸(100%(。

.container {
width: 960px;
margin: 0 auto;
}