fullscreen图片全屏并保持宽高比例的背景图

Wesley13
• 阅读 414

         您可否曾经想过在您的网站上有一副时常能填满屏幕而又能保持宽高比的背景图片呢?还有它必须是
居中的,而不是集中在图片左上角?此插件就能满足您的以上需求。你可以通过demo来查看,然后你可以发现它
能够在所有允许javascript运行的浏览器上完美的运行。当然IE浏览器的话是需要一些额外的代码,
在此我推荐unitpngfix去处理png图片的透明问题。

**fullscreen图片全屏并保持宽高比例的背景图
**

查看效果图

文章详情

点赞
收藏
评论区
推荐文章
Easter79 Easter79
3年前
tomcat正常运行一段时间后,突然访问不了项目了
前言我将项目部署在tomcat服务器上,本来都是好好的,输入网站地址就能访问;但是第二天一早去就会发现网站访问提示404,文件无法找到;我就很懵了。排查1、我是用的是chrome浏览器,所以尝试了下其余浏览器看是否能够访问;以外的发现IE竟然可以访问。说明问题不在代码2、找到tomcat的安装目录,查看错误日志;在l
Stella981 Stella981
3年前
Chrome handless模式
我们在通过Selenium运行自动化测试时,必须要启动浏览器,浏览器的启动与关闭必然会影响执行效率,而且还会干扰你做其它事情(本机运行的话)。那能不能把自动化测试的运行放在后台?当然可以!Chromeheadless模式,Google针对Chrome浏览器59版新增加的一种模式,可以让你不打开UI界面的情况下使用Chrome浏览器
Stella981 Stella981
3年前
NinePatchDrawable
关于.9图片突然就有几个问题1.去反编译看到别人的.9图,宽高是50\100,2.那如果搞成5\10不是图片会更小么?3.它是怎么拉伸的?4.拉伸的时候保持原有图片的宽高比么?保持不保持原有图片宽高比跟你画的线有关.通常不会保持.拉伸规则aNinePatchDrawablegraphicisastre
Stella981 Stella981
3年前
Android memory leaks(摘抄)
至少在TMobileG1上Android应用在堆上分配的内存大小被限制16MB以内。对于手机来说,这是个不小的内存,但是这仍然远远不能满足一些开发者的需求。但是,即使你不打算使用所有的内存空间,你也应该尽可能地少用内存,从而使得其他应用能够运行而不是被杀掉。因为Android能够在内存中保持的应用越多,那么用户切换应用的速度就会越快。作为我工作的一部分,
Wesley13 Wesley13
3年前
Jenkins(一)
Jenkins是一个CI工具。它可以持续编译,运行你的代码;运行UT或集成测试;将运行结果发送至邮件,或展示成报告。。。这样做的最终目的是:让项目保持健康的状态。如果任何checkinbreak了build,每个人都会在最短的时间内通知到,然后问题被fix。接下来的开发将建立在一个健康正确的基础上,而不是任由问题累积,最后失控。最后,你的项
Stella981 Stella981
3年前
JOptionPane修改图标
1.在Linux平台下.JOptionPane会显示Java默认的图标,在window平台不显示图标,如何替换这个图标了?2JOptionPane.setIcon(Icon)修改的是内容区域的icon,而不是左上角的Icon.所以需要通过修改Jdialog/Frame的图标来达到修改默认图标的问题.3.代码:if(JOptio
Stella981 Stella981
3年前
JFrog汽车行业DevOps峰会,欢迎加入了解全球新趋势
JFrog汽车行业DevOps峰会北京时间:10月19日9:00您依靠数百万行代码来保持汽车的功能和安全。错误的软件会破坏安全性,性能和质量,这既是毁灭性的也是昂贵的。品牌声誉对您公司的成功至关重要。快速,可靠和安全的软件交付管道是您可以获得的最大竞争优势。随着软件交付最佳实践的不断发展,成功的道路可能会因分散注意力而受到阻碍。在您开发新技术和
铁扇公主 铁扇公主
1年前
mac版远程控制软件 Microsoft Remote Desktop激活下载 for mac
mac电脑如何远程控制win?推荐microsoftremotedesktopmac版,是一款运行在Mac平台上的微软远程桌面连接工具,配置连接时,Microsoft远程桌面允许您决定应使用的分辨率,颜色质量,全屏模式,是否要全屏启动会话,是否使用所有监视
绣鸾 绣鸾
1年前
Magnet 2 for mac(窗口管理工具)
是一款运行在苹果电脑上的一款优秀的窗口大小控制工具,拖拽窗口到屏幕边缘可以自动半屏,全屏或者四分之一屏幕,还可以设定快捷键完成分屏。这款专业的窗口管理工具当您每次将内容从一个应用移动到另一应用时,当您需要并排比较数据时,或是以其他方式进行多任务处理时,它都
融云IM干货丨有没有插件能帮我优化uni-app的页面加载速度?
根据您的需求,以下是一些可以帮助优化uniapp页面加载速度的插件和方法:1.图片懒加载插件:使用图片懒加载可以显著减少首屏的加载时间。可以在页面滚动时才加载图片,减少初次加载的压力。2.代码拆分和懒加载:根据页面和功能的使用情况,将代码拆分为多个模块,并