在线二区人妖系列_国产亚洲欧美日韩在线一区_国产一级婬片视频免费看_精品少妇一区二区三区在线

鍍金池/ 問(wèn)答/HTML5  Android  HTML/ 關(guān)于移動(dòng)端的九宮格布局問(wèn)題(沒(méi)有用ui框架寫(xiě),是寫(xiě)小程序的)

關(guān)于移動(dòng)端的九宮格布局問(wèn)題(沒(méi)有用ui框架寫(xiě),是寫(xiě)小程序的)

第一疑問(wèn):

我在做一個(gè)類(lèi)似朋友圈的功能,當(dāng)它只有一張圖片時(shí),
我會(huì)直接按照它圖片的原本尺寸直接放上去,導(dǎo)致圖片拉伸模糊,
例如我有一張1080x2160的圖片,我壓縮后還有316x512,我直接放
上去圖片的顯示就會(huì)不完整,效果如下  

clipboard.png
但我想要的是類(lèi)似這圖片中的長(zhǎng)圖片的效果
clipboard.png

請(qǐng)問(wèn)這怎么設(shè)置,平時(shí)很少做移動(dòng)端,比較笨

第二疑問(wèn):

這九宮格只有這一張圖片時(shí),應(yīng)該是要設(shè)置最大的高度,但設(shè)置了后,
圖片的高度會(huì)大過(guò)你的最大高度,這是會(huì)截取,但不想截取,能否可以
將圖片全部顯示出來(lái),等比例縮放嗎?

回答
編輯回答
孤巷

尺寸設(shè)置為:

max-width: 100%;
max-height: 100%;

或者用background-iamge,通過(guò)backgroun-size關(guān)鍵字控制

2017年9月9日 17:18