冰球突破豪华版这么玩

新聞分類

產品分類

聯系我們

揚州翊成網絡技術有限公司

祥云平臺(蘇州)信息技術有限公司揚州分公司

地址:揚州市揚子江中路287號 (財富廣場1308-1309)

手機:18552551551

客戶服務電話:0514-85893666

客戶服務傳真:0514-85552168

客戶服務E-mail:[email protected]

網址:http://www.u2qq.net/

移動端開發需要注意那些問題?

您的當前位置: 首 頁 >> 新聞中心 >> 行業新聞

移動端開發需要注意那些問題?

發布日期:2018-02-06 00:00 來源:http://www.u2qq.net 點擊:

一、關于單位的使用

相信只要做過移動端開發的人,或者剛入門的新手朋友們,最糾結的問題是在于“字體”單位的選擇!為什么會這樣說呢?可能在傳統的PC端來說,1px=1px的比例。而在移動端卻不是這樣,1px = ?。 因為出現了一個像素密度這樣個東西,就不能在移動端使用“PX”這個單位。可能在你的大屏手機是1px等于1點幾個像素,可能在小屏手機卻剛好。就好比網頁的兼容性一樣,瀏覽器的內核不同,解析當然會有所不同!正好,CSS3又給你出現了一個新的單位“rem”。

當然出現了這樣的問題,首先我們就會去問問神奇的“百度”。不是網上流傳這樣一個段子么:“有事找度娘,無事上度娘!”回歸正題,大多數網友給出的答案是:“給html根元素的字體大小設置font-size:62.5%,再來使用rem這個單位就能很好的解決這個問題!”這樣設置后:就會得到一個兌換比例值:1rem = 10px; 如果我們要給一個"h1"標簽設置字體大小為20px的時候。我們就直接設置為rem就好了!

移動端開發需要注意那些問題?

二、布局上

相信布局不用我多說什么了,就按照正常的網頁布局來寫,一般設計師給的效果圖是640*960.我們就按照320的比例來做,就是寬度減少一半。可能多數人跟我之前是一樣,字體用單位“rem”。其它照樣使用px這個單位。好吧!最近又被嚴格的UI設計師,找出問題來了,你怎么這里跟我效果圖對不上呀!....好吧!原來想偷工減料的就這樣寫的,沒辦法,既然被嚴格的查起來了,又得去找解決方案!(可能之前也沒太在意這些細節,一直就這樣拖著)暫時找了個合適的解決方案,這樣既解決了字體單位的問題,又兼容單位像素的問題!,只是換算麻煩點!

PS:效果圖實際像素為60px,在手機端就是30px,在轉化成rem單位就在除以20。

揚州網站建設

三、細節處理

可能處理細節就是在解決兼容性的問題吧!還好手機端沒有蹦出個IE來,基本都是webkit內核和IOS自帶的瀏覽器。

1、禁止自動識別電話和android自動識別郵箱

<meta content="telephone=no" name="format-detection" />

<meta content="email=no" name="format-detection" />

2、使用無襯線字體body {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}

3、禁止選擇文本html, body {-webkit-user-select: none;   /* 禁止選中文本(如無文本選中需求,此為必選項) */user-select: none;}

4、禁止長按鏈接與圖片彈出菜單a, img {-webkit-touch-callout: none; /* 禁止長按鏈接與圖片彈出菜單 */}

5、去除A連接input標簽,點擊出現自帶的陰影樣式a,input{-webkit-tap-highlight-color:rgba(0,0,0,0);/*ios android去除自帶陰影的樣式*/}

6、屏蔽陰影:-webkit-appearance:none;可以同時屏蔽輸入框怪異的內陰影,解決iOS下無法修改按鈕樣式,測試還發現一個小問題就是,加了上面的屬性后,iOS下默認還是帶有圓角的,不過可以使用 border-radius屬性修改。

7、單擊延遲click 事件因為要等待雙擊確認,會有 300ms 的延遲,體驗并不是很好。開發者大多數會使用封裝的 tap 事件來代替click 事件,所謂的 tap 事件由 touchstart 事件 + touchmove 判斷 + touchend 事件封裝組成。


相關標簽:揚州網站建設

最近瀏覽:

購買渠道
二維碼 / Weixin

官網二維碼

咨詢聯系
冰球突破豪华版这么玩 福彩3d三毛图库最新最快三毛图库 分分彩投注软件苹果版 时时公式2018 卢克副本攻略 新老时时的区别 2019今晚开码结果 重庆老时时网页计划 重庆时时彩开奖结果3d之家 游戏网址注册免费送彩金 极速11选五开奖走势 盛世国际赛车群 快速时时软件计划