在rem单位下使用雪碧图实现自适应

在rem单位下使用雪碧图实现自适应,第1张

雪碧图是根据CSS sprite音译过来的,就是将很多很多的小图标放在一张上,就称之为雪碧图。

使用雪碧图的目的:有时为了美观,我们会使用一张来代替一些小图标,但是一个网页可能有很多很多的小图标,浏览器在显示页面的时候,就需要像服务器发送很多次访问请求,这样一来,一是造成资源浪费,二是会导致访问速度变慢。这时候,把很多小(需要使用的小图标)放在一张上,按照一定的距离隔开,就解决了上述的两个问题。

显示雪碧图的条件:

1)需要一个设置好宽和高的容器

2)需要设置background-position的值(默认为(0,0),也就是的左上角),即移动到自己想要的图标位置。

为了合并请求我们经常会用到sprite技术。在rem布局方案下,使用contain或cover来缩放背景就无法奏效了。因为元素的背景其实是sprite的局部,contain和cover只能对整张进行缩放,没办法控制到局部的大小。

在处理sprite时,我们只能给background-size取具体值。那么这个值取多少呢?其实只要写我们切出来的的实际尺寸就行。

比如我们的元素为5050px,sprite为200px 50px,那css应该如下:

需要引用的雪碧图如下

>我们总会遇到这样或那样的问题,window系统cmd环境下从远程FTP服务器上下载文件是怎么实现的呢

看看下面的方法,也许对你有帮助:

@echo off

rem 指定FTP用户名

set ftpUser=FTPUSERYGL

rem 指定FTP密码

set ftpPass=FTPUSER

rem 指定FTP服务器地址

set ftpIP=101612101

rem 指定待下载的文件位于FTP服务器的哪个目录

set ftpFolder=/MBX-YGL-IN/UE0620/MBX-YGL-FTP/

rem 指定从FTP下载下来的文件存放到本机哪个目录

set LocalFolder=D:/Download

set ftpFile=%temp%/TempFTPtxt

>"%ftpFile%" (

echo,%ftpUser%

echo,%ftpPass%

echo cd "%ftpFolder%"

echo lcd "%LocalFolder%"

echo bin

echo mget

echo bye

)

start ftp -v -i -s:"%ftpFile%" %ftpIP%


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13442097.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-07
下一篇 2023-08-07

发表评论

登录后才能评论

评论列表(0条)

保存