div+css如何控制背景图片全显示出来??

我用一张尺寸为1440x1280的图片作为网站背景图,例如:body{background:#fff url(/material/bjt.jpg);}
可我用手机访问网站看到的背景图只有右上角的一部分,想请教前辈们如何控制它的分辩率呢?或者其他方法。望前辈帮帮忙吧。
错了,是左上角的一部分,

芜湖不芜
浏览 5203回答 3
3回答

扬帆大鱼

可以使用:Background-size属性语法:background-size&nbsp;:[&nbsp;<length>&nbsp;|&nbsp;<percentage>&nbsp;| 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就能完成。

小怪兽爱吃肉

使用background-size和background-position,但是要适配不同的屏幕,你得有所取舍,具体看你图片是否适合repeat,图片主要内容的位置等等因素我只举个例子background-size:cover ;/*充满容器*/background-position: center;/*居中显示*/这两个属性还有其他取值,具体我就不详细介绍了,网上资料很多
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3