網(wǎng)站產(chǎn)品詳情頁(yè)，改變圖片比例使得圖片顯示完整

2021-04-20    分類： 網(wǎng)站建設(shè)

新手做網(wǎng)站,有很多注意的地方，關(guān)于產(chǎn)品圖片顯示不完整問(wèn)題，通過(guò)改變圖片組件的比例而達(dá)到效果。為什么有顯示不完整的情況，是由于產(chǎn)品圖片大小/比例不統(tǒng)一而造成的，所以建議用戶在上傳產(chǎn)品圖片前，一定要將它們統(tǒng)一處理一下比例與大小，不能有橫豎不統(tǒng)一的情況。如下圖所示，手機(jī)圖片沒(méi)有顯示完整。


進(jìn)入網(wǎng)站設(shè)計(jì)-產(chǎn)品詳情頁(yè)-點(diǎn)擊圖片幻燈片設(shè)置-再點(diǎn)排列，在這里可以設(shè)置幻燈片組件的大小。這里我們輸入寬560,高640；


設(shè)置說(shuō)明：由于圖片是正方形的，寬和高均為560才對(duì)，我們?cè)倏紤]下方的縮略圖的大小是正方形60,再加入上下間距為10,所以設(shè)置高為560+60+10+10=640,這才保證了圖片能夠顯示完整，如下圖所示：

網(wǎng)頁(yè)名稱：網(wǎng)站產(chǎn)品詳情頁(yè)，改變圖片比例使得圖片顯示完整
文章URL：http://www.muchs.cn/news8/109108.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、電子商務(wù)、網(wǎng)站營(yíng)銷、面包屑導(dǎo)航、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

小程序開(kāi)發(fā)