摘要:一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于,如果工具是以下版本,在中加入以下代碼以上的版本加入以下代碼八開發(fā)對(duì)于文件的處理問題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素,如。
一、iOS上瀏覽器使用jQuery不允許事件代理到document上
$(document).on("click", "選擇器", function(){});
以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。解決方法就是在這些代碼前加一串代碼:
$(body>*).bind("click", function(){....});
在移動(dòng)端頁面開發(fā)時(shí),我們有時(shí)候經(jīng)常會(huì)用到自己定義的輸入鍵盤,而不想自帶鍵盤彈出,那么可以在點(diǎn)擊事件中加入以下代碼:
$("選擇器").click(function(){ document.activeElement.blur(); });
這個(gè)在Android上使用以下代碼就可以解決,但是iOS不起作用。
border: none; outline: none; background-color: 顏色;
但是在iOS上需要加一個(gè):
-webkit-appearance: none;
這個(gè)屬性同樣適用于Android。
四、移動(dòng)端Retina屏(iOS) 1px的解決方案這個(gè)我在網(wǎng)上找到許多解決方案,這里就直接放鏈接了
移動(dòng)端 Retina屏 各大主流網(wǎng)站1px的解決方案五、iOS瀏覽器在設(shè)置overflow: scroll;后滑動(dòng)不流暢,感覺像是卡頓
如何在Vue項(xiàng)目中使用vw實(shí)現(xiàn)移動(dòng)端適配
這個(gè)目前在Android和PC上沒得問題,但是iOS上有問題,解決方法就是加上屬性:
-webkit-overflow-scrolling: touch;
參考資料:
【兼容性】ios上設(shè)置overflow: scroll不滾動(dòng)bug六、元素在設(shè)置為display:inline-block;后元素之間會(huì)產(chǎn)生間距
iOS Safari瀏覽器上overflow: scroll元素?zé)o法滑動(dòng)bug解決方法整理
iOS safari瀏覽器上overflow: scroll元素?zé)o法滾動(dòng)bug深究
解決頁面使用overflow: scroll在iOS上滑動(dòng)卡頓的問題
解決方法就是在包含這些元素的父元素上設(shè)置CSS屬性font-size: 0;
七、Angular CLI和Vue CLI打包的項(xiàng)目上線不在根目錄出現(xiàn)資源找不到問題!對(duì)于ng,在package.json的build后面改成ng build --base-href ./。
對(duì)于Vue,如果CLI工具是3.3以下版本,在vue.config.js中加入以下代碼:
module.exports = { baseUrl: process.env.NODE_ENV === "production" ? "/henjievue/" : "/" }
3.3以上的版本加入以下代碼:
module.exports = { publicPath: process.env.NODE_ENV === "production" ? "/henjievue/" : "/" }八、Angular CLI開發(fā)對(duì)于assets文件的處理問題。
assets文件夾里面的內(nèi)容在build后不參與打包,僅僅完整復(fù)制,所以在開發(fā)過程中路徑的寫法按絕對(duì)路徑寫就好了,如下代碼:
出現(xiàn)這樣的結(jié)果就是由于
造成的,p元素是塊級(jí)元素,定位如果為relative的話會(huì)占用位置,導(dǎo)致父元素被撐開了。解決方法有:
1.給p元素設(shè)置絕對(duì)定位position: absolute即可。
2.p元素?fù)Q成內(nèi)聯(lián)元素,如span。
3.把p元素設(shè)置為內(nèi)聯(lián)元素,如display: inline。
注:這兒p標(biāo)簽包img太業(yè)余了,大家平時(shí)寫不要這樣寫,一般用div,菜鳥一枚,還請(qǐng)大家見諒。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/53681.html
摘要:一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于,如果工具是以下版本,在中加入以下代碼以上的版本加入以下代碼八開發(fā)對(duì)于文件的處理問題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素,如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...
摘要:一上瀏覽器使用不允許事件代理到上選擇器以上綁定可能會(huì)出現(xiàn)點(diǎn)擊失效的情況。對(duì)于,如果工具是以下版本,在中加入以下代碼以上的版本加入以下代碼八開發(fā)對(duì)于文件的處理問題。解決方法有給元素設(shè)置絕對(duì)定位即可。元素?fù)Q成內(nèi)聯(lián)元素,如。 一、iOS上瀏覽器使用jQuery不允許事件代理到document上 $(document).on(click, 選擇器, function(){}); 以上綁定可能...
摘要:前言如今可謂是一匹黑馬數(shù)已居第一位前端開發(fā)對(duì)于的使用已經(jīng)越來越多,它的優(yōu)點(diǎn)就不做介紹了本篇是我對(duì)使用過程中以及對(duì)一些社區(qū)朋友提問我的問題中做的一些總結(jié)幫助大家踩坑。隨后的重新渲染,元素組件及其所有的子節(jié)點(diǎn)將被視為靜態(tài)內(nèi)容并跳過。 前言 vue如今可謂是一匹黑馬,github star數(shù)已居第一位!前端開發(fā)對(duì)于vue的使用已經(jīng)越來越多,它的優(yōu)點(diǎn)就不做介紹了,本篇是我對(duì)vue使用過程中以及...
摘要:我的書簽我的書簽謹(jǐn)慎導(dǎo)入,小心覆蓋工具類版本管理快速切換源配置教程指南可視化工具前端工具集前端助手網(wǎng)絡(luò)封包截取工具格式化工具標(biāo)注工具模擬請(qǐng)求類深入淺出布局你所不知道的動(dòng)畫技巧與細(xì)節(jié)常用代碼黑魔法小技巧,讓你少寫不必要的,代碼更優(yōu)雅一勞永 我的書簽 我的書簽(謹(jǐn)慎導(dǎo)入,小心覆蓋) 工具類 nvm: node版本管理 nrm: 快速切換npm源 shell: zsh+on-my-zsh配...
摘要:我的書簽我的書簽謹(jǐn)慎導(dǎo)入,小心覆蓋工具類版本管理快速切換源配置教程指南可視化工具前端工具集前端助手網(wǎng)絡(luò)封包截取工具格式化工具標(biāo)注工具模擬請(qǐng)求類深入淺出布局你所不知道的動(dòng)畫技巧與細(xì)節(jié)常用代碼黑魔法小技巧,讓你少寫不必要的,代碼更優(yōu)雅一勞永 我的書簽 我的書簽(謹(jǐn)慎導(dǎo)入,小心覆蓋) 工具類 nvm: node版本管理 nrm: 快速切換npm源 shell: zsh+on-my-zsh配...
閱讀 2265·2023-04-25 23:15
閱讀 1917·2021-11-22 09:34
閱讀 1546·2021-11-15 11:39
閱讀 955·2021-11-15 11:37
閱讀 2152·2021-10-14 09:43
閱讀 3493·2021-09-27 13:59
閱讀 1506·2019-08-30 15:43
閱讀 3454·2019-08-30 15:43