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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e493eb-44d19.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e493eb-44d19.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?