19 人参与回答
常规PC优化好就行了
移动端优先的响应式设计,默认的css写移动端,然后再慢慢细分出断点来写:
less:
.card{} // 卡片组件默认样式,移动端样式
@media only screen and (min-width: 768px) and (max-width: 991px){
.card{} // tablet样式
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.card{} // pc
}
@media only screen and (min-width: 1200px){
.card{} // 超大屏幕
}
我建议响应式的样式写在组件的附近,而不是单独拿一个样式表来放响应式的样式,方便维护
正常的优化就行了