知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁(yè) » 新聞資訊 » 網(wǎng)站建設(shè) >
WEB前端開發(fā)-移動(dòng)端兼容性問題匯總
發(fā)表時(shí)間:2018-4-9
發(fā)布人:葵宇科技
瀏覽次數(shù):67
最近更新時(shí)間:2018年4月9日16:50:05
《我的博客地圖》
作為一名專業(yè)的web前端開發(fā)工程師,必須時(shí)刻謹(jǐn)記自己的使命和價(jià)值,能夠獨(dú)立處理日常開發(fā)任務(wù)中的常規(guī)問題,并且善于總結(jié)和積累實(shí)踐經(jīng)驗(yàn)。
1、移動(dòng)端開發(fā)需要加入的代碼
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="initial-scale=1, user-scalable=no",
maximum-scale=1, minimum-scale=1>
2、判斷移動(dòng)端還是PC端
function browserRedirect() {
var ua= navigator.userAgent.toLowerCase();
var ipad= ua.match(/ipad/i) == "ipad";
var iphone= ua.match(/iphone os/i) == "iphone os";
var mid= ua.match(/midp/i) == "midp";
//midp,即Mobile Internet Device pad,一種新的“比智能電話大,比筆記本小”的互聯(lián)網(wǎng)終端。
var uc7= ua.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";var uc= ua.match(/ucweb/i) == "ucweb";
var android= ua.match(/android/i) == "android";
var ce= ua.match(/windows ce/i) == "windows ce";
var mobile= ua.match(/windows mobile/i) == "windows mobile";
if (ipad|| iphone|| mid|| uc7|| uc || android|| ce|| mobile) {
//跳轉(zhuǎn)移動(dòng)端頁(yè)面
window.location.href="http://www.wanshaobo.com/mobile/index.html";
} else {
//跳轉(zhuǎn)pc端頁(yè)面
window.location.href="http://www.wanshaobo.com/index.html";
}
}
3、手機(jī)查看本地調(diào)試的html項(xiàng)目
Android端和IOS端
1、1px邊框問題
#ele:before{
content:'';
position: absolute;
top: 0;
left: 0;
border: 1px solid #ccc;
width: 200%;
height: 200%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
}
2、在移動(dòng)端圖片上傳圖片 使用accept="image/*" multiple,兼容低端機(jī)的問題
3、使用 lib-flexible 實(shí)現(xiàn)H5頁(yè)面適配
Android端
IOS端
1、input標(biāo)簽,設(shè)置type=button屬性,disabled設(shè)置true,會(huì)出現(xiàn)樣式文字和背景異常問題
解決方案:使用opacity=1
2、有時(shí)對(duì)非可點(diǎn)擊元素如(label,span)添加單機(jī)監(jiān)聽事件,不會(huì)觸發(fā)
解決方案:修改樣式,cursor:pointer
3、使用webview時(shí),頁(yè)面滾動(dòng)卡頓
解決方案:對(duì)webview設(shè)置更低的“減速率”
self.webView.scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;
相關(guān)案例查看更多
相關(guān)閱讀
- 小程序分銷商城
- typescript
- 昆明小程序代建
- 云南網(wǎng)站開發(fā)哪家好
- 汽車拆解管理軟件
- 昆明小程序公司
- 網(wǎng)站建設(shè)方案 doc
- 報(bào)廢車
- 快排推廣
- 網(wǎng)絡(luò)營(yíng)銷
- 報(bào)廢車拆解系統(tǒng)
- APP
- 網(wǎng)站建設(shè)百度官方
- 云南小程序開發(fā)公司
- 云南省建設(shè)廳網(wǎng)站官網(wǎng)
- 云南網(wǎng)絡(luò)公司
- 網(wǎng)站上首頁(yè)
- 霸屏推廣
- 用戶登錄
- 云南小程序公司
- 云南etc微信小程序
- 小程序開發(fā)課程
- 網(wǎng)站優(yōu)化公司
- 生成海報(bào)
- 網(wǎng)站建設(shè)專家
- 云南網(wǎng)站制作
- 小程序被騙退款成功
- 云南做百度小程序的公司
- 網(wǎng)站建設(shè)
- 網(wǎng)絡(luò)公司哪家好