原文：使用padding代替高度實現背景圖片高度按比例自適應
本篇文章由：http: xinpure.com use padding instead of highly adaptive background image height proportionately 高度百分比 將高度設置成百分比時，其高度是基於父元素來定的，設置成 ，就是將該元素高度設置成 父元素的高度值 x 。 但是將高度設置成百分比時，往往是不生效的 高度依然為 ，這是為啥 道理很簡單 ...
2016-03-23 12:29 1 1913 推薦指數：
相關推薦
1 設置背景圖片的兩種方式： 方式一： src="../img/10.jpg"/ class="back" id="Background"> .back{ position: fixed; width: 100%; height: 100%; display: block ...
在做登陸頁面等的首頁的時候，經常會遇到需要放一張背景大圖的情況，並且需要圖片按比例縮放，來適應不同屏幕的大小。 html代碼如下： css代碼如下： 分析一下css代碼中的作用： position:fixed; top ...
如果問是什么讓所有男人都生活在恐懼中，回答是不確定。沒有人表露，但好奇會害死貓。十個女人中會有九個同意這點。廣告商想盡辦法讓我們覺得不足夠，但會告訴我們還可以改進。沒錯，先生們….size很重要 ...
今天寫了一個頁面，頁面背景是一張大圖，要求適配不同屏幕大小，我采用以下方案： html: css: ...
...
相信很多前端會遇到這個問題：要做一個尺寸自適應的頁面，其中某個容器的背景圖也需要跟着容器的尺寸一起改變。如果背景是有規律的純色或者漸變還好辦，直接平鋪即可。但如果背景是要求完全顯示的一張完整的圖片呢，我們使用background-image這個屬性是沒辦法達到我們的要求的，因為背景圖的大小 ...