為什么淘寶無(wú)線端在蘋果手機(jī)顯示會(huì)有切縫
我是一個(gè)美工,,之前就發(fā)現(xiàn)有人手機(jī)看淘寶首頁(yè)會(huì)有切縫,,而且不是每個(gè)位置都有切縫,只是個(gè)別的地方,后來(lái)觀察得到好像只要在蘋果手機(jī)才會(huì)出現(xiàn)這樣的問(wèn)題,,安卓的不會(huì)
模塊之間間隙是10PX,,兩個(gè)模塊間隙就是20PX,,所以,,修改代碼<divclass="footer-more-trigger"style="left:-485px;top:auto;margin:0;padding:0;border:0;">中的top(意思為頂部)參數(shù)為top:-20PX(主要修改這個(gè)參數(shù),-30,,-40自己可以試試調(diào)節(jié)),;天貓一般是-10PX即可,根據(jù)實(shí)際情況而定,,有的是-10PX,,有的需要是-20px。
如果是直接導(dǎo)入的,,這個(gè)白條在手機(jī)端是不會(huì)顯示的,。當(dāng)然還有一種自定義編輯模式手機(jī)淘寶店鋪~立即裝修~詳情裝修~詳情管理~模版管理~自定義模版;
只要不是用 手機(jī)TAOBAO APP打開(kāi)都會(huì)看到間隙,。貌似無(wú)解,,只能切圖時(shí)注意不要切到主圖和字,底色盡量接近白色,。
兩個(gè)不一樣,,不兼容。
兼容性問(wèn)題
兩個(gè)不一樣
一直都是這樣的
國(guó)產(chǎn)的和蘋果勢(shì)不兩立
這是蘋果手機(jī)弊病,。
方法/步驟
11,、我們都知道現(xiàn)在淘寶流量都在手機(jī)端上,,PC端只占%10左右,,所以手機(jī)流量很重要,,做淘寶的都知道把握好手機(jī)流量也就意味著生意的成交和轉(zhuǎn)化率,好的手機(jī)裝修給成交帶來(lái)的轉(zhuǎn)化是非??捎^的,。2、我們?nèi)祟惗际亲非竺赖氖挛锏?,好的視覺(jué)效果往往能打動(dòng)人心,,于是美工的存在才發(fā)揮了他的作用。但是并不是每一個(gè)都能做到很完美,,畢竟每個(gè)人的欣賞水平不同,,設(shè)計(jì)出來(lái)的作品也不同。3,、但是今天我和大家分析的是,,大家可以通過(guò)這教程能在有基礎(chǔ)的情況下,也可以制作出屬于自己的手機(jī)裝修模板,,鍛練你的技能和提升你的功底吧,。閑話有點(diǎn)多,下面開(kāi)始進(jìn)入主題...步驟閱讀24,、我們首先進(jìn)入管理后臺(tái),,點(diǎn)擊手機(jī)淘寶店鋪,點(diǎn)擊裝修進(jìn)入步驟閱讀35,、因?yàn)槭切麻_(kāi)的店,,所以里面都是很單調(diào)空白的,只有幾個(gè)產(chǎn)品自動(dòng)化的擺放并列顯得十分枯燥,,激不起購(gòu)買的欲望,。步驟閱讀46、那么下面大家就跟我來(lái)用自定義模塊來(lái)做裝修吧,,讓單調(diào)的空間變得生動(dòng)起來(lái),。淘寶手機(jī)端初始默認(rèn)的是熱銷寶貝模塊,和猜你喜歡模塊,,如果你上傳了寶貝他自動(dòng)會(huì)幫你加載到相對(duì)應(yīng)的模塊分類下,。但是這并不是我們想要的效果,對(duì)我們要高要求的朋友來(lái)說(shuō)這遠(yuǎn)遠(yuǎn)不夠的,,步驟閱讀57,,那如何操作呢,我就深入簡(jiǎn)化的來(lái)細(xì)說(shuō)一下,。我們?cè)谧髠?cè)圖文類點(diǎn)擊展開(kāi)找到自定義模塊,,然后拖入右邊裝修中來(lái)(按住鼠標(biāo)左鍵不放拖放即可)步驟閱讀68,在格子框內(nèi)我們拖放一個(gè)適合我們的模板得到寬度的尺寸,608x228像素注意模塊最小高度和寬度是152x152像素,,【為什么要注重說(shuō)這個(gè)問(wèn)題】因?yàn)檫@關(guān)系到以后做模板的時(shí)候切片不能小于這個(gè)尺寸,。不然的話是沒(méi)辦法提交和發(fā)布的。這點(diǎn)大家一定要注意了,。步驟閱讀步驟閱讀79,,接下來(lái)我們就要打開(kāi)PS了,新建一個(gè)畫布608x5392像素,,下面我們操作就要在這上面布局設(shè)計(jì)了步驟閱讀812,、我們用框矩形工具以及其它工具結(jié)合來(lái)做排版和布局,布局好了我們?cè)賮?lái)進(jìn)行切片,,最后生成再上傳進(jìn)行裝修,。步驟閱讀913、接著繼續(xù)往下看吧,,因?yàn)榻坛趟v的有點(diǎn)過(guò)長(zhǎng),,我這里就壓縮一下過(guò)程,只做前面一部份,,下半部份有能力的同學(xué)自己補(bǔ)上吧,。我希望提供大家一些思路,看下圖布局完成的效果圖,。步驟閱讀1014,、接下來(lái)我們用切片工具切片,根據(jù)手機(jī)端布局高度大小來(lái)決定切片大小,,這點(diǎn)大家一定要明白,。不能切好了結(jié)果上傳不了那就前功盡棄了?!疽簿褪钦f(shuō)后臺(tái)布局多大,,切片就切成多大】。如果我們還要調(diào)整切片版塊區(qū)域的尺寸怎么辦呢,,只需要在切片區(qū)域點(diǎn)擊右鍵就可以彈出屬性窗口,,大家可以在參數(shù)里面設(shè)置寬和高了。步驟閱讀步驟閱讀1115,、當(dāng)切片都切完成后,,我們來(lái)進(jìn)行圖片生成,ctrl+alt+shift+s調(diào)出選擇權(quán)限圖像,。如果在切片遇到尺寸需要調(diào)整的時(shí)候,,這時(shí)候你只需要在切片區(qū)域內(nèi)點(diǎn)擊右鍵就會(huì)彈出屬性,在這里根據(jù)你要的大小來(lái)進(jìn)行調(diào)整,,這是非常人性化的一個(gè)功能,。步驟閱讀1216,、現(xiàn)在我們?cè)倩氐教詫毷謾C(jī)后臺(tái)中來(lái),把剛才生成的切片來(lái)進(jìn)行上傳,,【這里上傳步驟就忽略了】大家看我的效果圖,。由于是演示我這里沒(méi)有上傳產(chǎn)品圖片,大家只需要學(xué)會(huì)這操作方法就可以了,。步驟閱讀1317,、當(dāng)一切準(zhǔn)備完成后,,點(diǎn)擊頂部發(fā)布按紐即可完成裝修,。今天教程有點(diǎn)長(zhǎng),大家學(xué)會(huì)了嗎,?這文章寫的有點(diǎn)長(zhǎng)呀,,但是花了我很多時(shí)間來(lái)準(zhǔn)備演示給大家的,希望對(duì)大家有幫助,,喜歡的就點(diǎn)個(gè)贊吧,。謝謝大家的觀看!