iT邦幫忙

0

回應式網站圖片問題

css

目標放在 16000PX 的桌面及320PX 寬的手機

如果原圖是800X600

方式1

方式2

那種才對用法更好??

桌面的我試了如果 DIV 本身是100%

方式1
原圖就不會永拉大
會在桌面看回是800X600 的原大

相反
方式2
原圖會被強迫性拉大成100% WIDTH 即, 1600PX
好像會更不清楚

其實那一做法才對?
方式2 我是在W3SCHOOL 網站CSS
找到
http://www.w3schools.com/css/css_rwd_images.asp

1 個回答

0
窮嘶發發發
iT邦高手 1 級 ‧ 2016-06-08 10:21:06
最佳解答

我的作法如下

#1{

max-width:800px;

width:100%;

max-height:600px;

height:100%;

}

img{

max-width:800px;

width:auto;

max-height:600px;

height:auto;

marign:auto;

}

< div id=1 >

< img >

< /div >

我要發表回答

立即登入回答