网页中的图片高度（不能被压缩拉伸）自适应浏览器窗口高度，宽度相应的进行
|
网页中的图片高度（不能被压缩拉伸）自适应浏览器窗口高度，宽度相应的进行两边裁剪，请这个效果怎么写？ |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
|
背景图片 no-reapt center top，用js 获开屏幕高度，赋给这个di，就可以了 |
|
|
|
|
|
|
|
|
补充一种方法：
然后 CSS 部分：
.box{line-height:1;font-size:10em;/*图片高度*/border:1pxsolid#ccc;background:url(xxx.jpg)centerno-repeat;/*图片*/} |
|
|
|
|
|
|
|
|
直接同css写就行了，
width:100%;
padding-top:14%; /* 宽除以高的比例 */
height:0;
position:relative;
background:url(img/**.jpg) no-repeat center center;
background-size:100%; |
|
|
|
|
|
|
|
|
天盟APP下载
微信扫一扫访问
