背景图片占满背景，并且保持长宽比

在网站前台制作过程中，我们经常使用的背景图片比屏幕要小一点，这时候我们希望这个背景图片自动的铺满而不repeat，并且为了美观，我们希望保持其图片原有的长宽比。特别是在设计手机网站页面的时候,我们使用以下方法就可以了

.bk{

  background-image: url(bg.jpg);

  background-repeat: no-repeat;

  background-size: 100% 100%;

} 

body class="bk"

关注宁波网站建设博客，更多精彩分享，敬请期待！
 

Tags：

转载：感谢您对宁波网站建设博客网站平台的认可，以及对我们原创作品以及技术文章的青睐，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源宁波网站建设博客”。/view/1040.html

很赞哦！ ()