在使用pxcook的时候对于文字这方面的设置,一定要既有字号也有行高,这样pxcook的识别出的margin啥的才准确,不然吃大亏,而且重要的一点是不要太死扣设计稿,说实话pxcook识别的不一定完全正确,样式看着可以基本就行了

问题

最终效果

效果对应代码

/* 右侧课程表区域 */
.banner .wrapper .schedule {
    width: 218px;
    height: 305px;
    margin-top: 60px;
    border-radius: 10px;
    background-color: #209dd5;
}

.banner .wrapper .schedule .schedule_title {
    padding: 18px 0 9px 14px;
    height: 48px;
    font-family: PingFangSC-Medium;
    font-size: 15px;
    color: #ffffff;
}

.banner .wrapper .schedule .schedule_content {
    background-color: #fff;
    border-radius: 10px;
    height: 257px;
    padding: 14px;
}

.banner .wrapper .schedule .schedule_content dl {
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.banner .wrapper .schedule .schedule_content dt {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 8px;
}
.banner .wrapper .schedule .schedule_content dd {
    margin-bottom: 8px;
    font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #7d7d7d;
}
.banner .wrapper .schedule .schedule_content dd span {
    color: #00a4ff;
}
.banner .wrapper .schedule .schedule_content button {
    width: 190px;
    height: 32px;
    border-radius: 15px;
    outline: none;
    border: none;
    background-color: #00a4ff;
    color: #fff;
}
posted @ 2023-08-02 23:47  午夜·bicycle  阅读(46)  评论(0编辑  收藏  举报