我用一张尺寸为1440x1280的图片作为网站背景图，例如:body{background:#fff url(/material/bjt.jpg);}可我用手机访问网站看到的背景图只有右上角的一部分，想请教前辈们如何控制它的分辩率呢？或者其他方法。望前辈帮帮忙吧。错了，是左上角的一部分，
3 回答
扬帆大鱼
TA贡献1799条经验 获得超9个赞
可以使用：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就能完成。
小怪兽爱吃肉
TA贡献1852条经验 获得超1个赞
使用background-size和background-position,但是要适配不同的屏幕,你得有所取舍,具体看你图片是否适合repeat,图片主要内容的位置等等因素
我只举个例子
background-size:cover ;/*充满容器*/
background-position: center;/*居中显示*/
这两个属性还有其他取值,具体我就不详细介绍了,网上资料很多
- 3 回答
- 0 关注
- 5200 浏览
添加回答
举报
0/150
提交
取消