css背景图宽度只适应，高度不变
2017-12-12 16:17
225 查看
保证1920px的图片，在低分率率的电脑上也能正常显示，两边裁剪，中间居中，高度不变
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="test"> <div style="width: 100%;height: 390px; background: url(http://imagecdn0.17huo.com/o_1bvue57hgbp8ms1diu18ctjnrh.jpg) no-repeat center;background-size: 1920px 390px;"></div> </div> </body> </html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css 背景图片宽度100% 高度延y轴重复repeat-y方法
- css容器背景图高度自适应的三种简单方法
- css 背景图片宽度100% 高度延y轴重复repeat-y方法
- css实现高度height随宽度width变化保持比例不变
- android实现正方形的ImageView、Layout等（即高度适应宽度或者宽度适应高度）
- div+css 常用两栏/三种自动适应宽度分栏 兼容ie6\7\8\9 火狐 谷歌等浏览器
- css 设置高度、宽度 百分比无效
- css实现高度或者宽度不固定的div元素垂直左右居中
- 子元素浮动父容器高度不能自适应的CSS解决方法
- [CAQ4]ImageView宽度固定，高度自适应的实现方式
- CSS 控制最小最大高度宽度
- CSS中如何让图片随背景高度自适应变化高度
- CSS文档流和非文档流下的宽度和高度问题总结
- iframe的用法，以及如何让iframe自动适应父及的宽度和高度
- ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
- Iframe自动适应宽度和高度(both IE and Firefox )
- CSS可视化格式模型之宽度、高度
- 如何让css背景图片占满全部背景，并且随着浏览器缩放图片保持长宽不变呢？
- CSS将边框border设定到宽度和高度中
- css设置最小高度 然后自适应