站內搜尋

Sunday, April 15, 2012

[Android][CSS] 讓圖片可以在手機版網頁上,顯示適當的大小

網頁圖片如果我們有設定固定大小時,例如:<img src="logo.jpg" width="1000px" />,雖然在一般電腦上瀏覽網頁,圖片大小看起來很正常,但是,當使用手機等行動裝置瀏覽網頁,就會發現圖片太大導致超出螢幕的寬度,這樣很不美觀,而且對使用者來說也不方便閱讀,透過css就可以輕鬆解決這個問題...

img{
max-width:100%;
height:auto;
}

這樣設定後,就會發現圖片不會超過手機螢幕啦,而且還會自動縮放,是不是很讚啊。

No comments:

Post a Comment