欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

WEB前端開(kāi)發(fā)-移動(dòng)端兼容性問(wèn)題匯總 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷(xiāo)的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷(xiāo)工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 網(wǎng)站建設(shè) >

WEB前端開(kāi)發(fā)-移動(dòng)端兼容性問(wèn)題匯總

發(fā)表時(shí)間:2018-4-9

發(fā)布人:葵宇科技

瀏覽次數(shù):67

最近更新時(shí)間:2018年4月9日16:50:05

《我的博客地圖》

作為一名專(zhuān)業(yè)的web前端開(kāi)發(fā)工程師,必須時(shí)刻謹(jǐn)記自己的使命和價(jià)值,能夠獨(dú)立處理日常開(kāi)發(fā)任務(wù)中的常規(guī)問(wèn)題,并且善于總結(jié)和積累實(shí)踐經(jīng)驗(yàn)。

1、移動(dòng)端開(kāi)發(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,一種新的“比智能電話(huà)大,比筆記本小”的互聯(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邊框問(wèn)題

#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ī)的問(wèn)題

3、使用 lib-flexible 實(shí)現(xiàn)H5頁(yè)面適配


Android端


IOS端

1、input標(biāo)簽,設(shè)置type=button屬性,disabled設(shè)置true,會(huì)出現(xiàn)樣式文字和背景異常問(wèn)題

解決方案:使用opacity=1

2、有時(shí)對(duì)非可點(diǎn)擊元素如(label,span)添加單機(jī)監(jiān)聽(tīng)事件,不會(huì)觸發(fā)

解決方案:修改樣式,cursor:pointer

3、使用webview時(shí),頁(yè)面滾動(dòng)卡頓

解決方案:對(duì)webview設(shè)置更低的“減速率”

self.webView.scrollView.decelerationRate = UIScrollViewDecelerationRateNormal;

相關(guān)案例查看更多