div+css如何控制背景图片全显示出来??
可我用手机访问网站看到的背景图只有右上角的一部分,想请教前辈们如何控制它的分辩率呢?或者其他方法。望前辈帮帮忙吧。满意100分
错了,是左上角的一部分, 展开
可以使用: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
手机端控制全屏不缩放要在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>
2015-08-31
我只举个例子
background-size:cover ;/*充满容器*/
background-position: center;/*居中显示*/
这两个属性还有其他取值,具体我就不详细介绍了,网上资料很多
广告 您可能关注的内容 |