使用Angular Universal进行预渲染,避免图片加载问题。
在Jumbotron组件中,将图片的宽度和高度设置为100%,使其适应容器的大小:
这将确保图片始终适合Jumbotron容器,并且不会出现左侧留白的问题。
.jumbotron img {
display: block;
margin: 0 auto;
}
这将在Jumbotron容器内将图像居中对齐,并确保其始终居中。
使用上述方法,我们可以解决Angular预渲染和Jumbotron预加载图片左侧出现图片的一小部分这一问题。