都2021移動端適配你還用flexible.js嗎？vw+rem一行代碼搞定
了解一下rem rem（font size of the root element）是相對長度單位。相對於根元素（即html 元素）font-size 計算值的倍數。 適配原理：將px 替換成rem，動態修改html 的font-size 適配。它可以很好的根據根元素的字體大小來進行變化，從而達到各種屏幕基本一致的效果體驗 u 同學給的設計稿 常見的設計圖寬度，當然也可以是其他的寬度，比如720 像素的 375 iPhone7 750 二倍圖 320 iPhone5 640 二倍圖 為什麼給的是375？因為這個是iPhone7 的寬度， 也就是說最低兼容到375 像素的屏幕。（低於375 佈局可能會亂） 其他的同理 1. vw + rem 方案 如果效果圖是375px 的， html 的style 屬性的font-size 設置為26.666666vw css 中20px 改寫為0.2rem 即可 <!DOCTYPE html> <html lang=”en” style=”font-size: 26.666666vw”> <head> <meta charset=”UTF-8″ […]
圖片上傳在ios中click事件無效
addImage方法中的this.input.click()在ios中無法生效。 網上提供的幾種解決方法，供大家參考： 1、將click 事件直接綁定到目標元素（即.target）上； 2、將目標元素換成a 或者button 等可點擊的元素； 3、將click 事件委託到非document 或body 的父級元素上； 4、給目標元素加一條樣式規則cursor: pointer。 我最後採用了直接調用dom的原生方法觸發input的點擊事件 addImage = () => { const event = document.createEvent(‘MouseEvents’); event.initMouseEvent(‘click’,false,false); this.input.dispatchEvent(event) };