safari 2.0は、maxwidth:100%;height:auto;がちゃんと動くよ

Tweet

Mac OS X 10.4 Tiger に付いてくる Safari は、v 2.0 です。ちなみに、Mac OS X 10.3.9 の Safari は、v1.3 な訳です。

▲Mac OS X 10.4 Tiger の Safari 2.0

そんで、こんなテストをしてみました。

DTPWiki は、横幅固定レイアウトをしていて、横幅が大きい画像だとレイアウトが壊れてしまうのですが、スタイルシートで img 要素に、maxwidth:100%;height:auto; を加えてやると、Firefox だったら幅をいい感じに縮小して、さらに天地方向も等倍で縮小してくれるわけですが、Safari 1.x には問題があったので、直っているかなあと思ってためしてみました。

▲２種類のSafariを同時に表示。Safari 2.0（上）、Safari 1.3（下）

下の Safari 1.3 は、横が正しく縮小されていなく更に変倍がかかってしまっていますが、上の方の Safari 2.0 は、ちゃんと表示しました。

Safari 2.0 は、CSS の正確なレンダリングに一番近いらしいから頑張って欲しいです。

※テストのために一時的に CSS を変えましたが、Safari 1.x で悪影響が出るので元に戻しました。

2005.05.01 00:49 投稿　大野 義貴 [パソコン・インターネット] | 固定リンク |