*?{
????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;
}由于想要圖片寬度充滿瀏覽器,所以設成了100%,而且圖里面需要有小div定位,position需要為relative..然后用ctrl+滾輪 縮放瀏覽器就會變成這樣.嘗試過刪掉float,設置min-height和min-weigth.沒有效果background-size:cover,還是一樣background-size:100% 100%;圖片高度會跟著縮小.由于寬度固定,看起來十分別扭我想要縮放瀏覽器時,這張圖片大小不變.請問可以實現嗎?
1 回答
- 1 回答
- 1 關注
- 2801 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消