

刚才排了一个手机页面,完了之后发现页面底部总是有个间隙,审查元素也找不到是哪里来的,因为body和html标签内都没有包含这个间隙。后来一点点查找,发现是after伪类引起的。
在清除浮动时,我们经常会使用伪类,例如:
1 | .clearfix:after{ content : "." ; display : block ; height : 0 ; clear : both ; visibility : hidden ;} |
虽然可以给after和before设置宽高为0,但是它仍然是占据空间的。如果加了这两个伪类的元素后面没有其他元素了,就会造成空隙。如果后面有其他元素,伪类占据的空间就会被后面的元素占掉,不会产生空隙。
请看以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | < body > < div id = "a" > < div ></ div > < div ></ div > < div ></ div > < div ></ div > </ div > < div id = "b" ></ div > < style > body{margin: 0;padding: 0;background: #aaa;} #a{height: 1000px;background: #fff;} #a div{float: left;width: 25%;height: 100%;} #a:after{content:".";display:block;height:0; clear:both; visibility:hidden;} #b{height: 200px;background: #0c0;} </ style > </ body > |
如果把元素b删掉,可以看到网页底部产生了空隙。不删除元素b的话,空隙就看不到了。
要解决空隙的问题,也很简单,给清除浮动的元素加上overflow: hidden;就行了。
使用after和before伪类可能使网页底部产生空隙
所谓的传送图片,就是需要对方接收并存储起来使用的图片。注意,本文所探讨的问题没有得出准确的结论,所以你可以跳到底部直接看结论(伪)就行了。
先说个题外话吧。今天经理给我了个医生的照片,让我做个小尺寸的证件照。做了之后经理不满意,说你这缩小到这么小了,怎么看起来图片质量还这么差?我只好说这不是我的锅,原图就是光线暗,人物皮肤上噪点很多,皮肤上也有老年斑什么的,图片缩小之后这些问题更突出了……但总之是得再改。一番折腾之后,噪点不明显了,人物皮肤光滑了(当然也感觉模糊了)。本来就很渣、很小的素材,强行美容,最后变得有点模糊了。这时候我只好存成png(因为png是无损压缩),然后通过QQ聊天框发给了经理。
这时,一个困扰我多年的问题再度浮上心头,QQ会不会对图片进行压缩呢?
于是我找别人进行测试。首先测试jpg,我发送了一张700多K的jpg风景图,然后我另存下来,发现只剩下100多K了。对于jpg来说,这个结果并不意外,因为另存为jpg的时候图片肯定会被压缩。那压缩比是多少呢,经过测试,图片经过QQ另存之后的体积,比xnview以80质量另存为jpg时的体积略小一点。可以粗略的认为QQ的压缩比也是80。
注意,你发送的图片,当你在图片上操作的时候,其实操作的是本地图片。这样的话,需要两个人测试发送的结果了,自己是不行的。
经过小w的提醒,我从缓存文件夹查看接收到的文件。然后我让基友帮我测试,首先他发送了一个100多K和200多K的图片,缓存文件夹里的图片大小和他发送的一致。然而当他发送1M多和6M多的图的时候,我接收到的图却只有几百K。是否可以说明QQ会对体积大(可能是超过1M)的图进行压缩呢?
但是还有个环节不能忽略,当别人收到你发的图片的时候,是不是已经被QQ压缩过了呢?当他进行另存的时候,实际上已经是第二次压缩了吗?
对于上面的问题,当我把大图另存之后,发现另存的图片体积居然比QQ发给我的图片(即已经被QQ压缩过的)要大。6M的图是张照片,QQ发给我,缓存文件夹里是400多K,可是我另存的时候居然是1M多。又测试了另一个大图,也是如此。于是我猜测,从QQ里面另存jpg图片的时候,是从原图进行另存的,不是从聊天框里面的图另存的。
对于png图片,发生了一点有意思的事。我让别人发给我了一张png,然后我存的时候发现只能选择jpg和bmp格式。我发给别人一个png,别人却可以选择存成png的。经过几次测试,我认为这和图片的透明区域有关:如果png里面不包含透明区域,发送到别人那里就变成jpg了,如果包含透明区域,则会保留png的格式(其实不完全对)。
然后我去测试我开头说到的医生的png,这张图片没有透明区域,体积才7K。发给同学之后,他仍然可以存为png。这我就纳闷了,说好的不透明就压缩成jpg呢?难道只对大图压缩,对小图放行?
实验到此结束,发现了一点有用的东西,但是真相仍然扑朔迷离。总结一下我的猜测:
图片是否会被QQ压缩,都是和体积有很大关系的。
jpg的话,几百K的一般不会被压缩,再大的就有较大可能被压缩了。但是当你另存的时候,其实是从源文件另存的,和QQ发送给你的图片(即使可能被压缩过)并没有关系。所以你存了之后只是一次压缩,不是二次压缩。
png的话,小图一般不会被压缩;中图(我猜测是几百K到一M左右)较大可能会根据有无透明区域进行压缩。无透明区域的会压缩后发给你,变成了jpg,有透明区域的则不压缩;大图则极大可能会被压缩,不管是否存在透明区域。一旦被压缩,就变成了jpg格式,会丢失透明通道。当你另存没有被压缩过的图的时候,保存的就是源文件。另存被压缩的图的时候,也是从源文件进行另存的,但是存储的是jpg,体积就相当于你把png原图以80质量转换成了jpg。
到最后,我能说的也只有这些:
jpg文件另存下来肯定会受损(即使QQ发给你的时候没有压缩),所以传文件吧。png图片如果在另存的时候仍然能保存成png格式,那就是原图。
对于jpg和png通用的:想要不被QQ压,体积不要超过1M。
传送图片时不要在QQ聊天框直接发
说的极对啊。我就是一个反面例子,前几天来北京,今天上班第二天。现在的网络部是我上一任老板的朋友的,我们原来的网络部解散了,老板问我要不要来这里,后来谈了一番我就来了。可是很多问题没有问清楚(有的是没给我说清楚),过来之后深感坑爹。
最坑的是住宿,就是一个标间里的上下铺,仿佛回到了学生时代。采光差,除了门就一小窗。连城中村也不是,就一层的平房,屋顶是铁皮,我还在上铺,加上没有空调,夏天的话不敢想象(所以如果到了明天夏天我还在的话,要不老板装空调,要不我自己滚回郑州)。这样住宿也没一点私人空间了,在郑州干了一年半都是自己租标间或是住公司里的单间,现在回到集体宿舍,真不方便。
然后刚来的那天到了宿舍,问了wifi密码,结果上不去网,还以为是我弄坏的。第二天问了房东,才知道在他这里住的人都要到十月一才有网了。
照例单休,然后把我安排成周六休息周日上班。在五环外了,没啥繁华的,等到放假了再逛逛北京去。
刚才听到一个人事不干人事的话:
同事的朋友去一家公司,说有食补400块钱,然后到人事那里,人事说,你住的离公司比较近,食补就200吧。这也是醉了,我要是住燕郊,是不是每个月食补5000?
应聘时要先问清楚的问题
继hacking team之后国内又一出戏
其实很久以前就听说过,在编译器里做上后门,那么编译出来的所有程序都会中招,而源码审核毫无意义……
那么国内有人出来玩了
http://drops.wooyun.org/news/8864
http://drops.wooyun.org/papers/8973
于是,这人还发过别的东西
http://drops.wooyun.org/papers/9024
好,现在是我个人分锅的时间
第一锅队:Akamai CDN公司,和某名字不能说的“保护”我们的神秘力量
Akamai你TM能在内地部署靠谱的CDN么!能快点么!
又不是没用户,MS和apple不都是用你们家的么!还有ScienceDirect/爱思威尔(咦?)什么的!
神秘力量我就不说什么了。
第二锅队:所有不主动提供hash的都应该被烧死,只提供一个的应该被鄙视。
第三锅队:叫你们省钱省事用“网盘分流”,玩脱了吧!
然后是渣雷。虽然这次说从渣雷下到的那个人改口了,然而我并不相信渣雷。渣雷的“加速”最后加成别的文件已经不是一次两次了,当年多少无知少年用渣雷下win7结果却不是自己想要的版本。所以,除开少数东西,珍惜生命,远离渣雷,非国内的电驴欢迎你,非国内的BT欢迎你,IDM和aria2欢迎你。好歹是码农好意思说aria2不会用么!
第四锅队:你们app store审核只看源码的吗!
年度小戏2.1之不止一个编译器里的…………
之前我介绍过一款saber的欧派鼠标垫,刚才在p站看到了一个原创鼠标垫,图案倒还在其次,实体看着特别诱惑啊,所以忍不住贴过来。
也可以在p站搜索欧派鼠标垫,tag是“おっぱいマウスパッド”。
Read More →
pixiv上的一款欧派鼠标垫
Flameworks出品的cos质量一直很高,而这次出的saber的cos——[Flameworks(うさ吉、YURICHA)]forest,我之前搜索过一段时间,一直没找到下载。现在看到有人放流了,于是我也分享过来。
下载链接 提取码: uj1s 解压密码:1234
Read More →
[Flameworks(うさ吉、YURICHA)]forest资源下载
在亲戚家,刚才把手机 插到他家的电脑上充电,吃完饭回来一看,电脑右下角有个360的弹窗,说是帮你安装了360套装:
吓得我拿起手机一看,果然已经装了三个应用了。
这时候我看到弹窗上有个我不需要的选项,点了之后竟然把手机上装的那三件套去掉了。啧啧
刚才又被360坑了一把
一张初音福利图
一周前,附近路边开了个不大的无人售货店,仔细一看,还是成人用品的。这让从没进过成人用品店的我感到十分好骑。可是我又很犹豫,如果进去的时候被人看到了,我的一世清名不就毁了吗?(
昨晚正好又经过这里,为了让我的生涯一片无悔,我毅然决定顶着路人那利剑般的目光,进去一探究竟。
以下内容可能会引起您的不适,请谨慎决定是否入内。未成年人请在家长陪同下观看←_←
Read More →