iOS6 の Safari は、display:table の扱いが異なるようです (iOS5 の Safari と私の PC の Safari と比較して)。
iOS5 ではdisplay:table
、div を に強制しbox-sizing: border-box mode
、ボックスのサイズ変更をオーバーライドしようとしても無視します。
iOS6 では、display:table は div を に強制し、box-sizing: content-box mode
オーバーライドの試みも無視しました。
その結果、iOS5 ではワイドにDIV DISPLAY:TABLE WIDTH 250px PADDING-LEFT: 50PX
なり250px
、iOS6 では 300px のワイドになります。
私の質問: これについての私の理解は正しいですか? iOS5 と iOS6 で DISPLAY:TABLE と左パディングを使用して div を同じ幅にする簡単な方法はありますか。
参考までに、私が DISPLAY:TABLE を使用している理由は、高さが可変のコンテンツを単純に垂直方向にセンタリングできるためです。