楼主:
fishet4 (瞇瞇)
2017-12-13 15:38:59依照图片来看,我想楼主使用的是Chrome浏览器吧
主要是因为Chrome浏览器有个很机车的设定,也就是字级小于最小字级的设定是不理会的
(Chrome默认是12px,可以在设定>自订字型>最小字体找到)
而那块验证码正是使用文字来拼成数字的
怎么说呢,请看下图
https://i.imgur.com/7oBo1fK.png
这个是使用开发人员工具去找到的那块在html的原始码
(有兴趣的人可以在chrome按F12去玩玩)
可以看到它是一串*和空白去组成的( 在html里会解析成空白格)
然后再找一下它的CSS设定
https://i.imgur.com/nbqZ9CC.png
第一个是字型的设定,第二个就是字号的设定
我们这边看到它设定成5px
这就是问题所在拉,因为Chrome机车的设定
所以你看到的文字是12px大小去组成的验证码
也是为什么你的数字看起来比较扁平的缘故!!!
我们看看firefox
https://i.imgur.com/6FpLph3.png
再看看前端极端厌恶的万恶的IE
https://i.imgur.com/zTnanO7.png
都是正常的呢
我想这跟当初设计这块的人忘记了Chrome有这样的字号限制
顺道一提,开发者工具里面的数值可以去修改玩玩看,如果要让它看起来正常
我们可以修改刚刚看到的line-height那边的数值
这是指文字的行间距
https://i.imgur.com/afDXLs7.png
把它改成6px看起来就正常多了呢
整体看起来也比较大就是了
或是去上面提到的设定里面,把字号限制调至5px以下
https://i.imgur.com/0iXS9K5.png
回来看就是正常的囉
不得不说想到用文字来拼成验证码这个想法挺有趣的
不过可能没有在Chrome被发现这个问题
(其实也不算问题,是Chrome的好意,小于12px的字在网页上看起来有点吃力)
我相信这篇如果被他们发现应该会去叫当初作网页的人修正的吧
毕竟Chrome还是比较多人用的 哈哈哈
笨点的话,我想就是为了回这个文职业病发作和认真去帮忙别人找Bug解法吧,哈哈哈哈
作者:
ab784533 (laura0129)
2017-12-13 15:41:00聪明版!!!!
作者:
zp413122 (maynine)
2017-12-13 15:41:00不要这样 我是文组 我看不懂XD
作者:
asd15723 (asd15723)
2017-12-13 15:42:00楼下文组会嘘你
作者: wuyutt (雾鱼) 2017-12-13 15:42:00
请右转聪明版……
作者: Porara98763 (上邪) 2017-12-13 15:44:00
推 虽然什么都看不懂XD
作者:
tery623 (tery623)
2017-12-13 15:50:00有文组懒人包吗?
作者:
v00623 (阿哩他命EX PLUS)
2017-12-13 16:00:00推个
作者: doluir (阿冠) 2017-12-13 16:23:00
太聪明啦聪明版版友
作者: HANJIUN (HANJIUN) 2017-12-13 16:24:00
聪明人请离开笨版
作者: han9917 2017-12-13 16:26:00
原来是这样(假装自己看得懂
作者:
ww1215 (溜溜)
2017-12-13 16:34:00原来哦(头上都是问号
作者: wdocz (VK) 2017-12-13 16:38:00
....看不懂
作者:
zhttp (zhttp)
2017-12-13 16:40:00我发现了 可能跟我的萤幕分辨率我关系 我的是4K的有
作者: Standattoe 2017-12-13 16:46:00
推
作者: watergreen98 2017-12-13 16:49:00
推
作者:
recscy (央金)
2017-12-13 16:51:00感谢专业回文~ (假装看懂
作者: erinneedslov (Erin) 2017-12-13 17:00:00
聪明版
作者:
Ruruto49 (阿鲁拖地板)
2017-12-13 17:03:00我以为我走到聪明版
作者:
thewtf (呛我呛够没)
2017-12-13 17:09:00要推才不会丢理组的脸
作者:
GohHiong (风中吃西瓜)
2017-12-13 17:11:00走错版了吧XD
作者:
mihono (帐号拿不回来)
2017-12-13 17:29:00推专业!
作者:
fervorya (一丄上止正)
2017-12-13 17:35:00呜呜你好聪明
作者: Gemhom 2017-12-13 17:37:00
专业版!!
作者:
elbertintw (How can I forget)
2017-12-13 17:38:00推一下才表示我看的懂
作者:
cdnokia (............)
2017-12-13 17:39:00这是笨版不是你该来的地方
作者:
sunbiba ( )
2017-12-13 17:42:00走错板了 好笨
作者: li143 2017-12-13 17:42:00
楼主很专业的绕了条远路
作者: KIMandZJ (Kim) 2017-12-13 17:54:00
走错版了你!
作者: leherisson (soph) 2017-12-13 17:57:00
你在说什么?太聪明了!!!!!
作者:
awfulday (糟糕的一天 樱雨绵绵)
2017-12-13 17:57:00我看的懂.....我真的看的懂喔...(这三小XDD
作者:
cimskp (イマジネイション=Free)
2017-12-13 17:57:00XDDDDDDDDD
作者:
fcz973 (名蒸蛋柯南)
2017-12-13 18:02:00阿鬼你还是讲中文好了
作者: Usaria (瞇瞇) 2017-12-13 18:07:00
笨点是楼主太认真了吗xdd
作者:
sun1993 (爱唱歌的太阳)
2017-12-13 18:09:00嗯………看不懂(原来如此啊
作者:
Mark87 (很重要吗)
2017-12-13 18:26:00先推不然别人以为我看不懂
作者:
OGCed (GGININDER )
2017-12-13 18:30:00某楼7pupu
作者:
classes (克来斯伊虱)
2017-12-13 18:37:00完全不想懂XDD
作者:
zoepeng (:!)
2017-12-13 18:47:00推
作者:
chenuu (chenuu)
2017-12-13 18:47:00作者: shellback (shellback) 2017-12-13 18:47:00
国泰资讯人员会感谢你帮debug
作者:
NingK (柠~)
2017-12-13 18:50:00嘘你在这里认真
作者:
km101km (BaBoom)
2017-12-13 19:04:00那如果css给上!important呢
作者:
coolda (cool)
2017-12-13 19:11:00上课囉~
作者:
isscat (issue号:)
2017-12-13 19:41:00你出去! 太聪明了!
作者: foreverwings (~悠久之翼~) 2017-12-13 20:03:00
请右转聪明版~
作者: Bimatow (阿拉花瓜吹喇叭) 2017-12-13 20:05:00
害我跳去外面又回来看两次
作者:
icexfox (东玉景)
2017-12-13 20:14:00等等,这是笨版吧
作者: iwillbehere (FromNow321) 2017-12-13 20:19:00
推 笨板知识+
作者:
bunnyer (lililala)
2017-12-13 20:32:00这里不是笨版吗?快出去
作者:
tdtzhwh (玉米骨头冰淇淋)
2017-12-13 20:32:00看不懂,不过感觉好像很厉害
作者: florTW (Flort) 2017-12-13 20:38:00
聪明板……
作者:
wuyiulin (龙破坏剑士-巴斯达布雷达)
2017-12-13 20:47:00笑
作者:
ajo865 (罗斯福路CUXI王)
2017-12-13 20:50:00我以为这里是笨板
作者:
Zzzip (LOSER)
2017-12-13 20:52:00推
作者:
gipo776 (几不)
2017-12-13 21:02:00推
作者:
watcha (看什么看)
2017-12-13 21:07:00What?!
作者:
addycat (野喵的命运好好玩)
2017-12-13 21:23:00左转聪明板
作者:
unfair (怕鱼的)
2017-12-13 21:23:00聪明版棒棒
作者:
Marabuda (Marabuda)
2017-12-13 21:26:00怕 先推以免被发现我看不懂
作者: darling520 2017-12-13 21:27:00
帮文组QQ
作者: speedest555 (嘻嘻) 2017-12-13 21:35:00
恩 跟我想的一样
作者:
vitaume (紫苏梅)
2017-12-13 21:54:00快推免得别人以为我们不懂
作者:
firerycon (稀奇薯餅)
2017-12-13 21:55:00朝圣推
作者:
liu1637 (路过的牛肉饼)
2017-12-13 22:04:00长知识版
作者: SESAO (莎莎欧) 2017-12-13 22:11:00
这是什么版?
作者: peiyuchen (vivian) 2017-12-13 22:14:00
不懂,但推专业
作者:
GARIGI (咖哩鸡)
2017-12-13 22:40:00笨版都不笨了啦QQ
作者:
tom0927 (ADSL安装特派员)
2017-12-13 22:53:00太专业了ㄅ 赶快推个 不然被发现看不懂
作者:
yayzh (yayzh)
2017-12-13 22:55:00文组错了吗QQ
作者: lininu (声音控:P) 2017-12-13 23:06:00
结果是CHROME XD 我以为是IE... 没看原始码还猜他不会是图然后设了table-cell的height... 但我记得chrome在12px(还是10px)以下的字看起来都一样,所以是前端在切的时候没注意吗...欸我错了,那个是套件css... 应该要去github回报一下 哈哈
作者:
aq200aq (肉汁)
2017-12-13 23:13:00难得看到自己懂的XDDDD
作者:
xxpin (xxpin)
2017-12-13 23:40:00太聪明了
看得懂给推文组别再要懒人包了 再懒的懒人包你也看不懂
作者:
icexfox (东玉景)
2017-12-14 01:00:00没错,跟我想的差不多
作者:
dapwo241 (Raccoons)
2017-12-14 01:17:00文组像在看当天书
作者:
fattygirl (你就是我的信仰 死肥)
2017-12-14 01:47:00啊啊啊啊啊啊看不懂
作者:
cmid05 (酷拉皮卡)
2017-12-14 01:59:00XD
作者:
LCA710 (LCA)
2017-12-14 02:22:00看不懂拉
作者: Pictor (Pictor) 2017-12-14 04:46:00
专业推
作者:
sds0331 (雅璱莎)
2017-12-14 08:00:00原来如此
作者:
pepro (peproisgood)
2017-12-14 09:17:00第一次知道chrome有这么奇怪的设定
作者: bigbeat (天气热) 2017-12-14 09:18:00
原来4网页设计师啊
作者: Mozar (沉默的乐师) 2017-12-14 09:50:00
有卦有推
作者: mumudi (酗音乐) 2017-12-14 09:59:00
这跟文组无关吧,做网页设计的也会懂
作者:
allenho (肠肠)
2017-12-14 10:02:00滚,离开笨板
作者:
ru486 (天空之城)
2017-12-14 10:06:00看不懂照推~
作者: okijn5566 (RR) 2017-12-14 10:17:00
你就告诉我要填什么就好了
作者:
ErROrGG (饵箱)
2017-12-14 10:53:00文组:供三小
作者: Fraining 2017-12-14 11:11:00
赶快推 不能被发现自己是文组
作者:
Survey (曾方元)
2017-12-14 11:54:00这里是笨版欸.........
作者:
Imdream (梦想)
2017-12-14 12:28:00原PO太聪明 害人去找聪明版了
作者: qaz559 (yorke) 2017-12-14 13:29:00
天ㄚ
用文字的验证码更好破解 说不定我判断星星数就能知道是什么数字了 连openCV都用不到
作者: hsp790604 (BEN) 2017-12-14 15:41:00
专业(怎么办,楼主在教什么,我怎么看不懂,赶快跟推,才不会被人笑不懂
作者:
RiTaYin (梦语)
2017-12-14 16:23:00您说的是中文吗
作者: pong9001 (辣哥) 2017-12-14 16:39:00
推 聪明教学文
作者: im5jsu06 (7pupu) 2017-12-14 17:14:00
推专业
作者: goldstorm (哦齁哦齁) 2017-12-14 19:27:00
还好看得懂 长知识了呢!
作者:
YaCi98 (YaCi)
2017-12-15 02:50:00错版囉
作者:
key1000 (GENPAOYO)
2017-12-15 11:50:00连我这文组都看的懂惹
作者:
evaal (AL)
2017-12-15 13:11:00欺负文组给嘘
作者:
Ephraim (Ephraim)
2017-12-15 13:12:00你走错版了吧....
作者:
rcak801 (阿常)
2017-12-15 14:09:00但这个验证码对电脑判断根本没用 完全无法阻止恶意攻击
作者:
iflost (呆呆腰不腰埋姜由)
2017-12-16 07:58:00推专业
作者:
andy6001 (枫叶是白色的!!!)
2017-12-16 09:25:00这不是笨版,涨知识了
作者: bill91305 (宇风) 2017-12-16 14:01:00
长知识了,左转聪明版
作者: aic8382 (白日梦Evanesce) 2017-12-17 03:40:00
笨点是原PO很搞刚的绕了一大圈 发现有更简单的解法阿
作者: rj486 (rj486) 2017-12-17 14:49:00
看完你这篇我头都痛了.
作者: magicsiren ( 四季) 2017-12-19 17:57:00
聪明推,感谢教学XD
作者:
JANUARZ (Z医生)
2017-12-21 16:43:00哇