移動端常見樣式問題

2022-07-11 05:15:12 字數 277 閱讀 3663

1、border 1px相容性問題

解決辦法:1px(px大寫)

2、ios上使用-webkit-user-select:none導致input/textarea輸入框無法輸入

3、antd-mobile  tabs在ios如果不禁用swipeable會出現向下滾動時觸發左滑動

4、ios載入順序打包後可能發生變化,導致樣式層級改變

如antd-mobile的listview元件的border在安卓上可能不顯示,在ios顯示橫線

解決方案:提高樣式層級

移動端常見問題

1 ios下input為type button屬性disabled設定true,會出現樣式文字和背景異常問題 解決方案 使用opacity 1來解決 2 對非可點選元素如 label,span 監聽click事件,部分ios版本下不會觸發 解決方案 css增加cursor pointer就搞定了 3...

移動端常見問題

1 上下拉動滾動條時卡頓 慢 body 2 禁止複製 選中文字 element 解決移動裝置可選中頁面文字 視產品需要而定 3 長時間按住頁面出現閃退 element 4 iphone及ipad下輸入框缺省內陰影 5 ios和android下觸控元素時出現半透明灰色遮罩 6 active相容處理 7...

移動端常見問題

一.點選穿透 原因 1.touch事件300ms後,觸發click事件 2.混用touch和click會導致點透問題。解決思路 1.不要混用touch和click 2.阻止掉 touch之後的click。解決方案 1.tap後延遲350ms再隱藏mask 2.pointer events mask隱...