目標放在 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
已邀請的邦友 {{ invite_list.length }}/5
我的作法如下
#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 >
iThome鐵人賽
看影片追技術