*?{
????margin:?0;
????padding:?0;
????font-size:?12px;
}
#wrap?{
????width:?100%;
????height:?1000px;
????margin:?0?auto;
}
.map?{
????width:?100%;
????height:?100%;
????background:?url(../images/rotk.jpg)?no-repeat;
????position:?relative;
????background-size:cover;
????background-size:100%?auto;
}由于想要圖片寬度充滿瀏覽器,所以設(shè)成了100%,而且圖里面需要有小div定位,position需要為relative..然后用ctrl+滾輪 縮放瀏覽器就會變成這樣.嘗試過刪掉float,設(shè)置min-height和min-weigth.沒有效果background-size:cover,還是一樣background-size:100% 100%;圖片高度會跟著縮小.由于寬度固定,看起來十分別扭我想要縮放瀏覽器時,這張圖片大小不變.請問可以實(shí)現(xiàn)嗎?
添加回答
舉報
0/150
提交
取消