19 人参与回答
做好适配
正常优化就可以了
常规PC优化好就行了
正常优化,保持更新就行
简单的事情坚持做就行了
一般来说就是正常优化,但是确实是比PC端效果会慢。
screen,方便维护
移动端优先的响应式设计,默认的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{} // 超大屏幕
}
我建议响应式的样式写在组件的附近,而不是单独拿一个样式表来放响应式的样式,方便维护
一样优化就可以了,你就当做一个站同时在两个端上运营就ok
正常的优化就行了