Web front-end multi-platform adaptation

recently used vue.js and element-ui to do a front-end project, on the PC side, tried to have a bad experience on the mobile side. ( http://asc.kamisama.space)
how do people usually adapt to multiple platforms? Do you need to develop separately for different platforms?

Mar.07,2021

flexiable+rem


at the general system level, both PC and mobile are used.
because of the many interactions of the system, the mobile side should be simplified from a product point of view.


  1. pc and mobile do it respectively to maximize the use of screen space plus optimization
  2. rem layout, control the font-size size to adapt to the small screen, and then use media query to make css adaptation to the large screen
  3. percentage + float+ Media query

if you don't have enough strength, you can reuse the framework

.
Menu