初学vue,虽然这只是个作业,不消左上的白边也能交差,但是本人的强迫症实在忍不了。
白边可能是因为我的背景图片和显示器大小比例不同。
上网查了各种方法,比如加上
* {
margin : 0;
padding : 0;
}
还是没有用。
于是在网页上右键检查(开发者工具),发现了两个参数设置的问题。
一个是vue项目下的index.html,需要加上body{display: block;}虽然消不掉左边的白边,但是消掉了上面的。
下面的#app是问了AI,AI给出的方案,然而这并没有用,,,没试过删了它行不行,如果读者试过我写的方法依旧无法消除白边,可以回来这里添加#app试试。
另一处是项目下assets里的main.css(你让我好找!!)需要在这里添加一项max-width: none
在CSS中,max-width 属性用于设置元素的最大宽度。它可以防止元素的宽度超过指定的值,即使内容或容器本身可能允许更宽的宽度。max-width: none; 的意思是元素没有最大宽度限制。换句话说,它不会受到 max-width 属性的约束,元素的宽度可以尽可能宽,只要它符合其他CSS规则和容器限制。
通过开发者工具查看,这里的max-width原本是一个固定值。本人尚不知道为什么最后解除了这个最大宽度限制就消除了白边。