weui icon indicating copy to clipboard operation
weui copied to clipboard

rem适配方案下weui下的组件样式变形

Open kusofte-chap opened this issue 4 years ago • 3 comments

H5项目中,使用动态设置html的font-size,在通过rem做单位适配页面布局,但是该方案会影响WeUI组件样式,请问有什么解决方案嘛?

kusofte-chap avatar Feb 05 '21 12:02 kusofte-chap

@kusofte-chap 请问是怎么影响到的呢?方便提供下截图吗?

uxsi avatar Mar 03 '21 09:03 uxsi

1、设计稿按750设计的 2、在项目里使用rem适配方案具体代码如下: const html = document.getElementsByTagName("html")[0]; const resize = () => { html.style.fontSize = Math.min(Math.max(document.body.clientWidth, 320) / 7.5, 100) + "px"; }; window.addEventListener("resize", resize, false); resize();

加入上述代码之后页面里引用的weui组件样式会受到影响无法适配移动端,截图: weui问题截图

kusofte-chap avatar Mar 17 '21 07:03 kusofte-chap

@kusofte-chap 请问是怎么影响到的呢?方便提供下截图吗?

Uploading weui问题截图.jpeg…

kusofte-chap avatar Mar 17 '21 07:03 kusofte-chap