css如何设置banner图自适应

在css中，可以使用“ background-size ”设置banner图自适应，语法“background- Size: cover”；其中cover是指把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。

本教程操作环境：windows7系统、CSS3 && HT ML 5版、Dell G3 电 脑。

@H_ 360 _11@// test .css .index-banner -t op { width: 100%; background: url( .. / img s/guanyu.png) no-re PE at center center; h ei ght: 210px; background -s ize:cover } @media only screen and (max-width: 640px){ .index-banner-top { height: 100px; } }

//test.html
<p class="index-banner-top"></p>

电脑端显示：

手机端显示：

以上就是css如何设置banner图自适应的详细内容，更多请关注其它相关 文章 ！

总结

以上是 为你收集整理的 css如何设置banner图自适应 全部内容，希望文章能够帮你解决 css如何设置banner图自适应 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于css如何设置banner图自适应的详细内容...