原因は明確には分かりかねるのですが、
<meta name="viewport" content="width=device-width" />
↑これを
↓このように直しただけです。
<meta name="viewport" content="width=830" />
(<>はエキサイトの規制で全角にしてますがコピペの時は半角に直して使ってください)
以前は、上のタグでもきれいに中央に表示されていたので、何かウィンドウサイズの読み取り方が変わったのかもしれません。
僕のウェブページの横幅は820px固定なのですが、メタタグに、これより小さい値、あるいはautoを入れるとずれてしまいました。
iPhoneの他のブラウザでもずれ方直り方は全く同じでした。
ま、ともかく直せて良かったです。