我在页面右侧看到了这条垂直的白线。 它只发生在手机上。使用设备工具栏找到它:https://jood19.sg-host.com/
我设计了“移动优先”网站。仅使用桌面媒体查询。
我试过,没有成功,下面的代码
html body{
width: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
你能推荐一些东西吗?
答案 0 :(得分:1)
这是因为您的图片设置的宽度恰好比移动屏幕宽。
如果为图像添加最大宽度,则可以保持设置的宽度。这意味着它将与您原来的大小相同,除非屏幕太小,然后它会占据整个宽度。
.about-section img {
width: 28rem;
max-width: 100%;
}
答案 1 :(得分:1)
在开发工具上设置 .about-section img
似乎可以去除空格。在移动屏幕上尝试使用 21 rem。
.about-section img {
width: 21rem;
}