div+css如何控制背景图片全显示出来??
发布网友
发布时间：2022-04-24 18:42
共3个回答
热心网友
时间：2022-04-06 15:01
可以使用：Background-size属性
语法：background-size ：
[ <length> | <percentage> | auto ]{1,2} | cover | contain
取值：<length>：
由浮点数字和单位标识符组成的长度值。不可为负值。
<percentage>：
取值为0%到100%之间的值。不可为负值。
扩展资料：
DIV+CSS的合理之处在于可以进行网页的统一设计管理，通过一个样式表，牵一发而动全身，只要修改样式表，就可以统一全站的风格，如果为一个页面单独做一个样式表，或者一个div就做一个样式表，没有全局设计观念，那么这个div+CSS的设计方式就完全没有必要，甚至成了累赘。
精简的代码，使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简提高了百度蜘蛛的爬行效率以及高效性，能在最短的时间内爬完整个页面，同时这样对收录质量有一定好处。
div+css结构清晰，很容易被搜索引擎搜索到，天生就是适合优化seo，降低网页大小，让网页体积变得更小。注意：div+css结构清晰、精简，不意味着可以全部用div+css结构，比如通篇HTML标签全DIV的，貌似除了<head>之上及<body>之上及之外。
其它全是<div>，就如同整个HTML是一万个毫不相干的内容拼装起来，或者通篇是<div><ul><li>结构的，就如同这个页面所有元素全是列表。事实上这两种情况还相当普遍，因为曲解了“DIV+CSS”的真实含义，因为一个完整页面几乎不可能仅仅DIV+CSS就能完成。
参考资料：百度百科-div+css
热心网友
时间：2022-04-06 16:19
手机端控制全屏不缩放要在head里加条 meta；控制背景 用css属性 bg-size试试；
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><style>
body{background:#fff url(/material/bjt.jpg);background-size:100% 100%;}
</style>
热心网友
时间：2022-04-06 17:54
使用background-size和background-position,但是要适配不同的屏幕,你得有所取舍,具体看你图片是否适合repeat,图片主要内容的位置等等因素
我只举个例子
background-size:cover ;/*充满容器*/
background-position: center;/*居中显示*/
这两个属性还有其他取值,具体我就不详细介绍了,网上资料很多
