原文：使用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这个属性是没办法达到我们的要求的，因为背景图的大小 ...