回答編集履歴

1 ぷちリファクタリング

miyabi-sun

miyabi-sun score 15713

2016/06/18 09:51  投稿

そもそもHTMLはブラウザやOS、インストールされているフォントの状態によって変わりますので、
Word→LibreOfficeのようなちょっとした差異を許容するべきものです。
1pxのズレも許さないというなら「究極PDFという目的通りの様式があるからそっち使え」という話になります。
1pxのズレも許さないというなら「究極PDFという目的通りの様式があるからそっち使おう」という話になります。
この大前提を抑えた上で、出来ることを頑張っていきましょう。
---
[Normalize.css](https://necolas.github.io/normalize.css/)を入れればかなりのブラウザの差異を打ち消してほとんど同じ見た目を実現出来ます。
ブラウザで統一しても今度はフォントの都合で不可能です。
全く同じフォントが用意出来ない限り、1文字の横幅は微妙に異なってきます。
等幅フォントにすればかなり統一出来そうですが、ブラウザで表示した時超絶ダサく感じることでしょう。
妥協点としては、[text-overflow](https://tech.recruit-mp.co.jp/front-end/tips-ellipsis/)を利用するくらいでしょうか。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る