我該不該加那1px

1. ／符號應該使用中文字元／，還是使用英文字元/
2. ／符號兩端距離 60.00 和 包郵 文字的距離是否相等，利用空格分割還是 margin 控制
3. 60.00 和包郵兩個字好像沒有對齊

看完之後，我覺得慚愧，這麼簡單的需求，竟然出現這麼多的問題，我在想是不是太大意了。對於前兩個問題我向產品和設計進行了確認，將分隔符號調整為中文字元，並且符號前後端用空格分隔處理，但是對於第三個問題，我有話要說：

首先我先確認了一下，數字和文字是否對齊，我用工具測量了一下，真真切切的沒有對齊，包郵的郵字多出來了一點，貼圖看一下。

我看到這個問題的第一反應是，提出這個問題的人真是厲害，這都看出來了呢？我對這些1px的差距就不是特別敏感，之前和設計師 review 頁面時，總能發現類似這種 1px 的偏差。我並沒有著急修改這個看似 bug 的問題，我試圖向提出疑問的人解釋這有可能是因為 baseline 的問題，就好比設計的英文字體，在數字中文字母在相同字體下，不能確保所有的數字和字母之間，字母和中文之間，數字和中文之間完全對齊，就比如 xy ，有 x 型的中文字，有 y 型的中文字；所以我認為在排除任何人為的條件下，未對齊是一件自然而然的事情，何必強制去讓他們對齊呢？

當時不知道怎麼想的，就寫了這個理由在 pr 的評論裡面，並附贈了一個專門講解 baseline 的文章，我偏執的認為不應該強制的去解決這個問題。但是提出疑問的工程師，看到我的評論後 @ 了另一個工程師說道，對齊的問題已經成了不能解決的問題嗎？看到這樣的評論，我突然覺得我義正嚴辭的解釋有點可笑，並回復道：這個問題並非是不能解決的問題，倒是可以強制加上 1px 讓其對齊，但是這樣做值得商榷和討論。

經過這樣一番辯論，我忽然覺得我對這個問題這麼較真幹嘛，我可以很輕鬆的依照他們的疑問，將包郵人為的添上 1px 使其剛好對齊，可是我總是想試圖讓對方了解到未對齊的真正原因和盡量不要破壞這成文的規定。其實轉念一想，我覺得我還是應該解決這個問題，便加上了那 1px 。

可能有人會覺得我有些小題大做，這樣的問題就類似於，老闆找了一個設計師設計公司的產品，設計師花盡心思把產品設計的十分之優雅並且高大上，但是交付給老闆時，老闆卻說：你這設計我不滿意，為啥字這麼小，用戶能看到嗎？為啥這裡邊框背景用這個顏色，看著就和產品不搭配？為啥這裡那裡要留這麼多的空白，那麼多地方咋不好好利用一下？我的舉例可能出現在現實生活中，此時設計師是要堅持勸說老闆這麼設計更加符合人性化和美感，還是依照老闆的指示把看似完美的設計改的面目全非。我想聰明的設計師會即符合老闆的要求，要巧妙的讓設計不失美感，所以說為別人幹活也不容易啊。

該不該加那 1px , 可能你有你自己的見解，有時是否應該和別人爭辯一個可能沒太多意義的問題，也應該仔細想想。我從中學到的是：看待一個問題，要從最根本的地方出發，首先用一個大家都滿意的方式去解決，其次思考大部分人看待這個相似問題的經驗和態度，最後從中思索出一些耐人尋味的道理和感悟。

推薦閱讀：