對於響應式網頁設計的過程中,有一個很重要的影響因素,就是怎樣去處理圖片這個方面的問題。有很多同比縮放的圖片技術當中,其中有不少是非常簡單容易實現的。這些技術,就是彈性圖片。
有一種技術比較的流行,即是使用CSS的max-width的屬性。使用這一技術,在只要沒有其他涉及到圖片寬度的樣式代碼覆蓋掉這個基礎上,網站上所有的圖片都會以其原始寬度被用戶載入打開。當然,除非其他設備可視的部分寬度小於圖片原始的寬度。網站上的代碼確保圖片最大的寬度不會超過流覽器視窗可視部分的寬度,因此,當視窗或者容器的可視部分開始變窄的時候,網站上的圖片的最大寬度值也會相應的減小。也就是說,圖片本身永遠不會容器邊緣隱藏和覆蓋。這就是彈性圖片。
回應式網頁設計先要瞭解什麼是彈性圖片
分類: 最新資訊
日期:
2015-01-15