图标位置偏差，胶囊位置偏差

Question

.tab {
		display: flex;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px #f5f5f5 solid;
		box-sizing: border-box;

		.tab-scroll {
			flex: 1;
			overflow: hidden;
			box-sizing: border-box;

			.tab-scroll_box {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				height: 45px;
				box-sizing: border-box;

				.tab-scroll_item {
					flex-shrink: 0;
					padding: 0 10px;
					color: #333;
					font-size: 14px;
				}
			}

			.tab-icons {
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 45px;
				&::after {
					content: '';
					position: absolute;
					top: 12px;
					bottom: 12px;
					left: 0;
					width: 1px;
					background-color: #ddd;
					
				}
			}
		}

	}

这两节课按照老师课程里的写法，但是发现最后小图标的位置有所偏差，还望老师帮忙看下是什么原因导致的，谢谢！

Answer 1

慕村6345035 2020-12-14 10:18:24

真集运行，看一下是否还有偏差？可能是模拟器api取值的误差