免费注册	查看新帖 \|


平台论坛博客文库

› 论坛 › 程序设计 › Web开发 › 如何做才能让背景图片始终充满整个屏幕,适应不同分辨率 ...

最近访问板块

发新帖

查看: 20802 | 回复: 7

上一主题

下一主题

如何做才能让背景图片始终充满整个屏幕,适应不同分辨率？ [复制链接]

论坛徽章:: 0

电梯直达

跳转到指定楼层

1楼 [收藏(0)] [报告]

发表于 2009-09-03 10:21 |只看该作者 |倒序浏览

10可用积分

好多系统有类似下面的界面。背景图是由许多小图拼成的。

大侠们介绍下原理。:wink: 最好是PHP+CSS+JAVASCRIPT的

[ 本帖最后由也是菜鸟于 2009-9-3 10:31 编辑 ]

login.GIF (104.97 KB, 下载次数: 129)

最佳答案

查看完整内容

长宽都使用百分比，可以调试适应常用的分辨率。

文库|博客

论坛徽章:: 0

2楼 [报告]

发表于 2009-09-03 10:21 |只看该作者

长宽都使用百分比，可以调试适应常用的分辨率。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

3楼 [报告]

发表于 2009-09-03 10:37 |只看该作者

原帖由 ziggler 于 2009-9-3 10:23 发表
长宽都使用百分比，可以调试适应常用的分辨率。

在CSS里设定吗？哪图片会不会在分辨率高的屏幕上模糊？

刚才又看了看那个系统的登陆界面用的图片。放大后清晰度居然下降不大，JPG格式的。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

4楼 [报告]

发表于 2009-09-03 10:39 |只看该作者

回复 #3 也是菜鸟的帖子

自己调试吧，好像在CSS中设置，你可以在DREAMWEAVER中调试。

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 13

巨蟹座
日期:2013-10-21 16:01:45

2015亚冠之全北现代
日期:2015-05-14 11:52:49

2015年亚洲杯之巴勒斯坦
日期:2015-04-27 08:04:25

2015年亚洲杯之朝鲜
日期:2015-03-11 18:01:11

2015年迎新春徽章
日期:2015-03-04 09:48:00

摩羯座
日期:2014-12-16 12:22:23

子鼠
日期:2014-08-08 15:47:44

狮子座
日期:2014-07-28 20:37:15

寅虎
日期:2014-06-12 12:09:08

巨蟹座
日期:2014-03-18 08:41:18

戌狗
日期:2013-12-05 10:15:58

巨蟹座
日期:2013-11-08 10:24:51

5楼 [报告]

发表于 2009-09-03 10:54 |只看该作者

JAVASCRIPT可以获得浏览器的长宽的吧，不过长宽比有问题，宽屏和常规屏，能不能做到完全自适应还有疑问

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

6楼 [报告]

发表于 2009-09-03 11:09 |只看该作者

原帖由 zhoumiao 于 2009-9-3 10:54 发表
JAVASCRIPT可以获得浏览器的长宽的吧，不过长宽比有问题，宽屏和常规屏，能不能做到完全自适应还有疑问

如果CSS中那百分比设置的话，那背景图片就得做的很简单。不然到了宽屏上，纵横比变了，会显得很难看。

我原来的想法是只设置背景色，然后弄一个小的背景图片居中。这样就避免了这个问题了。公司有的人喜欢全屏的背景图，所以我才来找资料

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

7楼 [报告]

发表于 2009-09-03 11:14 |只看该作者

原帖由 zhoumiao 于 2009-9-3 10:54 发表
JAVASCRIPT可以获得浏览器的长宽的吧，不过长宽比有问题，宽屏和常规屏，能不能做到完全自适应还有疑问

你的头像不错

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 13

巨蟹座
日期:2013-10-21 16:01:45

2015亚冠之全北现代
日期:2015-05-14 11:52:49

2015年亚洲杯之巴勒斯坦
日期:2015-04-27 08:04:25

2015年亚洲杯之朝鲜
日期:2015-03-11 18:01:11

2015年迎新春徽章
日期:2015-03-04 09:48:00

摩羯座
日期:2014-12-16 12:22:23

子鼠
日期:2014-08-08 15:47:44

狮子座
日期:2014-07-28 20:37:15

寅虎
日期:2014-06-12 12:09:08

巨蟹座
日期:2014-03-18 08:41:18

戌狗
日期:2013-12-05 10:15:58

巨蟹座
日期:2013-11-08 10:24:51

8楼 [报告]

发表于 2009-09-03 11:14 |只看该作者

搞两套图片，不同长宽比吧

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

发新帖

Chinaunix › 论坛 › 程序设计 › Web开发 › 如何做才能让背景图片始终充满整个屏幕,适应不同分辨率 ...

北京盛拓优讯信息技术有限公司. 版权所有京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP