隨著各種各樣的智能手機(jī)和IPAD的主見普及，人們漸漸更加習(xí)慣于在手機(jī)移動(dòng)端從事各種網(wǎng)絡(luò)活動(dòng)，各大企業(yè)定制屬于自己的移動(dòng)端APP的現(xiàn)象已經(jīng)很普遍了，畢竟在手機(jī)APP上上網(wǎng)更加方便也更加有效率，那么今天，承德鴻達(dá)就來總結(jié)一些APP客戶端開發(fā)應(yīng)該注意的一些問題。

廊坊辦公軟件/軟件開發(fā)

　　一、關(guān)于單位的運(yùn)用

　　信任只要做過移動(dòng)端研發(fā)的人,還是剛初步學(xué)會(huì)的生手朋友們,最很糾結(jié)的問題是在于“字體”單位的挑選!為何會(huì)這么說呢?

　　有可能在傳統(tǒng)的PC端來說,1px=1px的比例。而在移動(dòng)端卻不是這么,1px = ?。 由于顯露出來了一個(gè)像素疏密程度這么個(gè)物品,就不可以在移動(dòng)端運(yùn)用“PX”這個(gè)單位。有可能在你的大屏手機(jī)是1px等于1點(diǎn)幾個(gè)像素,有可能在小屏手機(jī)卻剛好。就好比網(wǎng)頁的兼容性同樣,瀏覽器的內(nèi)核不一樣,解析當(dāng)然會(huì)有所不一樣!

　　正巧,CSS3又給你顯露出來了一個(gè)新的單位“rem”。假如有對rem還有不怎么理解的朋友,可以看看這篇文章:webapp研發(fā)之-“rem”單位。

　　當(dāng)然顯露出來了這么的問題,首先我們便會(huì)去問問非常奇妙的“百度”。不是網(wǎng)上傳流這么一個(gè)段子么:“有事找度娘,無事上度娘!”,好吧,我又邪惡了!歸回主題,大部分?jǐn)?shù)網(wǎng)友給出的解答是:“給html根元素的字體體積設(shè)置font-size:62.5百分之百,再來運(yùn)用rem這個(gè)單位就能美好的解決這個(gè)問題!”

廊坊辦公軟件/軟件開發(fā)

　　二、布局上

　　信任布局無須我多說啥子了,就依照正常的網(wǎng)頁布局來寫,普通預(yù)設(shè)師給的效果圖是640*960.我們就依照320的比例來做,就是寬度減損二分之一。有可能大多數(shù)人跟我之前是同樣,字體用單位“rem”。其他照樣運(yùn)用px這個(gè)單位。好吧!近來又被嚴(yán)明的UI預(yù)設(shè)師,找出問題來了,你怎么這處跟我效果圖對不上呀!....

　　好吧!原來想粗制濫造的就這么寫的,沒轍,既是被嚴(yán)明的查起來了,又得去找解決方案!(有可能之前也沒太放在心上這些個(gè)細(xì)節(jié),一直就這么拖著)

　　短時(shí)間之內(nèi)找了個(gè)合宜的解決方案,這么既解決了字體單位的問題,又兼容單位像素的問題!,只是換算麻煩點(diǎn)!

　　三、細(xì)節(jié)處置

　　可小聰明理細(xì)節(jié)就是在解決兼容性的問題吧!還好手機(jī)端沒有蹦出個(gè)IE來,基本都是webkit內(nèi)核和IOS自帶的瀏覽器。

　　四、百分率

　　百分率是我試驗(yàn)解決上頭這個(gè)問題時(shí)，最早試驗(yàn)的辦法。外表看中去仿佛好象能夠解決，不過其實(shí)存在非常大的問題。

　　首先就曲直常準(zhǔn)確度的問題，認(rèn)為合適而使用百分率，很難和擔(dān)任美術(shù)工作的人圖維持完全一樣。例如：一個(gè)橫向div被不好不壞均分配為了三個(gè)局部，我們分設(shè)width為33.33百分之百。640像素體積熒幕寬度的時(shí)刻，33.33百分之百就是213像素，那末3個(gè)213像素，只有639像素，因此導(dǎo)致1像素的誤差。假如還設(shè)置了邊框，也為百分率的話，那末此時(shí)，邊框的粗細(xì)定然會(huì)萌生一定的誤差(在移動(dòng)端最小單位是1像素)。

　　第二個(gè)問題：比例失調(diào)。假如說第1個(gè)細(xì)微的誤差仍然可以疏忽的話，那末第二個(gè)問題就是不由得覷看了。我們認(rèn)為合適而使用橫向的百分率施行設(shè)置，不過縱向我們不擁有方法施行百分率的設(shè)置，于是，當(dāng)設(shè)施比較大的時(shí)刻，橫向?qū)挾茸兇?，縱向?qū)挾任醋儯斐烧麄€(gè)兒網(wǎng)頁比例失調(diào)。

　　五、em與rem

　　em：很不賴的相對氣度單位，不過計(jì)算起來真的費(fèi)力。em指的是相對于現(xiàn)時(shí)對象內(nèi)文本的字體尺寸。如現(xiàn)時(shí)對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默許字體尺寸。換言之，假如現(xiàn)時(shí)div的字體體積是12像素，那末1em就是12像素，假如div字體體積是24像素，1em就是24像素。不過每一級別都需求這么計(jì)算，真的是讓人很是頭痛~

廊坊辦公軟件/軟件開發(fā)

　　然后的rem，應(yīng)當(dāng)說讓各個(gè)研發(fā)者眼前一亮，rem固然也是和字體有關(guān)的相對氣度單位，不過，它要比em運(yùn)用起來更便捷，rem是相對于根元素的字體體積施行設(shè)置的，假如html元素中的字體體積設(shè)置為24px，那末針對恣意html內(nèi)的元素設(shè)置1rem，均表達(dá)的是24px，大大節(jié)約了我們計(jì)算字體體積的時(shí)間。(額外，當(dāng)rem能夠和JS去合適乎時(shí)常，能夠美好的解決移動(dòng)端的各種像素體積問題——JS取得設(shè)施寬度，而后依據(jù)設(shè)施寬度調(diào)試html元素這個(gè)根元素的字體體積，在html元素中的全部元素，均運(yùn)用rem相對氣度單位)

　　rem的支持程度：IE9及以上全部瀏覽器，安卓2.1以上版本，iOS4.0以及以上版本的safari(換言之，IE6-8不兼容)

廊坊辦公軟件/軟件開發(fā)