-webkit- は、Vendor Prefixの一種で、WebKitベースのブラウザにおける独自のCSS拡張機能を意味しています。
--
-webkit-
Safari/Chrome
-ms-
Microsoft Edge
-moz-
Firefox
--
随分前のコードなので、もう標準化されているかなと思って、一旦外してみました。パソコンでは問題ありませんが、iPhoneのSafariとChromeで<table>表内の文字サイズが制御できず、レイアウトがメチャクチャになってしまいました。まだ、必要なのですね。
--
<style>
body {
-webkit-text-size-adjust:100%;
}
</style>
--
ガレコレでは、1pxのズレも無いようにレイアウトしています。時にブラウザ側の問題で揃わない場合もありますが、裏技を駆使して何とかしようと拘っています。