作者:
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哇