我用一张尺寸为1440x1280的图片作为网站背景图,例如:body{background:#fff url(/material/bjt.jpg);}
可我用手机访问网站看到的背景图只有右上角的一部分,想请教前辈们如何控制它的分辩率呢?或者其他方法。望前辈帮帮忙吧。满意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">css如何让背景图全屏显示css如何让背景图全屏显示出来
您好!css设置背景图片全屏,如果只是将其当做一张图片显示,可以通过css控制。超大图片,引入进来即可根据大小缩放。如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。具体解决方法如下:1、创建以下目录结构的...
div+css中背景图片显示不出来
1、打开html开发软件,新建一个html代码页面。2、在html代码页面的<body>标签里面输入多行段落文字,用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。3、设置背景图片样式。在<title>标签后面创建一个<style>标签,然后在这个标签里设置<body>标签的背景图片,以及背景图片不重复。4、保存htm...
div+css 背景图片显示不完整
怎么在把 超链接 在 背景图片 上 放在正中间 --- 因为你的页面调用的css文件不同,或者你是在html中直接把样式写在<style>标签里了,请核对一下每个页面css是否一样
div+css中怎样在父盒里加背景图片并且都显示出来不被子盒子中的背景图...
那是不可能的吧……除非你让内层DIV不显示。或者让内层的坐标处于外层尺寸范围之外。如果有重复的话,内层肯定会挡住外层的啊。不过如果你设置FILTER的话,或许会达到背景朦胧重叠的效果。
在div+css背景图片如何正常显示?
不用的!直接书写 图像的尺寸大小 例如:tu{ width:100px;height:100px;background-image:url(lizi.gif);} 源代码调用即可 <div id="tu"><\/div>
css 如何让图片全屏的问题
1、创建以下目录结构的测试页面。2、将测试图片显示在浏览器界面上,效果如下。3、通过CSS设置背景图片,默认效果如下,图片被自动重复以铺满窗口。4、通过CSS设置背景图片不重复,此时,图片将不能铺满窗口。5、通过CSS设置图片大小100%,效果如下,图片铺满窗口。6、通过CSS设置图片大小cover,效果如下,...
用CSS和HTML做的网页,为了实现背景全屏加了DIV。可是为什么只显示一半...
我第一次见这种写背景图片的 , 首先是图片的大小是否符合你页面的大小, 如果你是要整个页面都要那个背景图片的话就在body{ background:url(图片路径) repeat-x是横向循环 repeat-y是竖向循环 就是XY轴应该理解吧 no-repeat是不循环} ...
div+css布局 设置的背景图片显示不出来
这是因为在i 、li 、a这些标签中添加背景时都需要给一个宽高,或者display:block。让他成为块元素。否则他没有宽高。只有一条线或者一个点那么大怎么显示背景啊
网页用html和css做的 但是背景图片只能显示上半部分 应该加点什么来让他...
如果你要在支持CSS3的浏览器里显示,可以用background-size来定义。如果你在不支持css3的浏览器里显示,可以给body定义一个子元素,宽度和高度都为100%,然后在这个子元素里加一个<img src="背景图片" height=“100%” width="100%">
在CSS中怎用设置可以使背景图片全屏显示?
① 如果是做网站的水印背景,可以放到body里,② 如果是做页面的背景,放到最外层的div里,比如:① body{background: url(ab.gif) repeat;margin:0px auto;} ② .box{background: url(ab.gif) repeat;margin:0px auto;} 单纯横向平铺:repeat-x 单纯纵向平铺:repeat-y 不平铺:no-repeat ...