教训：试图ios从weui改造成antd-mobile的rem方案

最新推荐文章于 2022-06-28 15:05:39 发布

也不是什么极客

最新推荐文章于 2022-06-28 15:05:39 发布

阅读量508

点赞数

分类专栏：积累经验 css小基础

本文链接：https://blog.csdn.net/wmwmdtt/article/details/99682116

版权

在尝试将iOS应用中的antd-mobile高清方案转换为weui风格时，遇到了$.toast和$.confirm在使用zoom及scale后导致元素模糊的问题。通过在ios设备上对弹窗做zoom放大并调整文字大小和顺序，解决了$.confirm的模糊问题，但$.toast和全局ajax请求中的loading依旧是个挑战。由于项目压力，最终放弃了rem布局的适配策略。

摘要由CSDN通过智能技术生成

惨败在了【$.toast在ios的改造过程中使用了zoom和scale】上

背景

历史原因，旧页面使用的antd-mobile在头部改scale和$html>fontSize的方案antd1.x高清方案
现在需要改为weui风格。基于jquery.weui（css,js)

初步思路（想css改动小些，直接用之前的rem）

保留antd1.x高清方案
在执行$.confirm|$.toast前后对弹窗做scale放大

上代码：

$.confirm('要删除这段语音吗', '删除后, 无法恢复');
$('.weui-dialog').css('transform', 'translate(-50%,-50%) scale(' + window.devicePixelRatio + ')'); 
// weui跟着html的rem走