Swiper中文论坛

标题: 移动端使用rem布局 swiper高度怎么设定 [打印本页]

---

作者: xxt1234    时间: 2016-11-25 12:01
标题: 移动端使用rem布局 swiper高度怎么设定
移动端使用rem布局之后，算出来的高度的是“px”单位，请问如何把px改成rem自适应高度。

---

作者: 别摸我赘肉    时间: 2019-1-14 16:42
解决了吗？

---

作者: tsr    时间: 2019-4-26 16:43

1. function addEvent(obj, evt, fn) {
   
2.                                 var saved;
   
3.                                 if(typeof obj["on" + evt] == "function") {
   
4.                                         saved = obj["on" + evt];
   
5.                                 }
   
6.                                 obj["on" + evt] = function() {
   
7.                                         if(saved) saved();
   
8.                                         fn();
   
9.                                 }
   
10.                         }
    
11.                         /* 动态换算rem和px值  */
    
12.                         var rem = 20;
    
13.                         addEvent(window, 'load', firstAll);
    
14. 
    
15.                         function firstAll() {
    
16.                                 //alert('1');
    
17.                                 changeW();
    
18.                                 //        window.addEventListener("resize", changeW, false);
    
19.                                 function changeW() {
    
20.                                         rem = 20 / 320 * document.documentElement.clientWidth;
    
21.                                         document.documentElement.style.fontSize = rem + "px";
    
22.                                 }
    
23.                                 console.log(rem);
    
24.                                 window.addEventListener("resize", changeW, false);
    
25. 
    
26.                         }
    
27.                         /*这个不是很全面，我有一个封装究极好的js你如果需要可以问我*/

复制代码

---

作者: baocheng    时间: 2019-5-31 17:54
observer:true,
observeParents:true,

---

作者: 黄山掌柜    时间: 2019-10-6 00:14

tsr 发表于 2019-4-26 16:43

大神，可以发一份给我吗？

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2