| 服務(wù)信息 |
響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)是如今當(dāng)之無(wú)愧的標(biāo)準(zhǔn)配置了，我們需要響應(yīng)式的技術(shù)來(lái)應(yīng)對(duì)日漸碎片化的屏幕尺寸，網(wǎng)頁(yè)設(shè)計(jì)師也力圖做好這件事情。而網(wǎng)頁(yè)中的圖片和圖庫(kù)的響應(yīng)式設(shè)計(jì)，也是其中的重點(diǎn)難點(diǎn)。它們是網(wǎng)頁(yè)中*常見(jiàn)，也是*直觀可見(jiàn)的元素。打開(kāi)一個(gè)漂亮精致的網(wǎng)站，然而其中的圖片和圖庫(kù)看起來(lái)怎么都和頁(yè)面不匹配，這樣的情況恐怕是*讓人抓狂的了。
桌面端的圖片瀏覽體驗(yàn)和移動(dòng)端是完全不同的，這一點(diǎn)毋庸置疑。對(duì)于絕大多數(shù)的網(wǎng)站而言，圖片展示的位置都很相近，大同小異。而設(shè)計(jì)師的任務(wù)，是要確保網(wǎng)站隨著屏幕和設(shè)備變化的時(shí)候，圖片的展示不會(huì)在頁(yè)面布局的伸縮變化過(guò)程中變得奇怪和失真。
這個(gè)時(shí)候，就要始終牢記圖片的高寬比，并且始終控制高寬比不會(huì)改變。
回到桌面端網(wǎng)頁(yè)中，大幅的背景圖或者置于頁(yè)面頂端的圖片看起來(lái)非常漂亮，可是當(dāng)它切換到移動(dòng)端設(shè)備中的時(shí)候，首先屏幕比例和方向就不同了，那么它是否還那么好看呢？圖片被縮小之后，信息的呈現(xiàn)是否會(huì)丟失？它是否會(huì)被拉伸？
這個(gè)時(shí)候，圖片的高寬比的控制就顯得特別重要了?？刂圃紙D片不被拉伸，同時(shí)讓圖片所展示出來(lái)的部分的高寬比能夠盡可能合理地匹配對(duì)應(yīng)的屏幕，這樣也就不必?fù)?dān)心響應(yīng)式斷點(diǎn)過(guò)多，導(dǎo)致你需要上傳過(guò)多的圖片。
