<![CDATA[刘新修]]> http://pic1.liuxinxiu.com:80/index.php zh-cn http://pic1.liuxinxiu.com:80/flexlibs/ <![CDATA[一款移动端页面自适应布局解决方案]]> 刘新修 <admin@yourname.com> Mon, 08 Nov 2021 06:31:26 +0000 http://pic1.liuxinxiu.com:80/flexlibs/ 安装命令：npm install flexlibs -D

===============

以Vue3.0 为例，在mian.js中引入：

JavaScript代码
  1. // 设自适应插件库  
  2. import 'flexible'  

 

刷新页面后，根据用户移动端设备，自动动态计算网页需要适配基数
 
以Iphone6/7/8 【宽度375】的移动终端，以这个类型终端在我们经历过的项目中，为最低适配终端，设计稿就以此为基础w*2 (375*2) = 750px ，实际基数如果为1就是100%（375rem）目前基数为100 错2位小数即刻，3.75rem为整屏的宽度~
]]> http://pic1.liuxinxiu.com:80/flexlibs/#blogcomment <![CDATA[[评论] 一款移动端页面自适应布局解决方案]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 http://pic1.liuxinxiu.com:80/flexlibs/#blogcomment