大きな画像をユーザーの画面の幅まで縮小したいと思います。私は幅を設定したくありません:それは画像を歪めるので100%。これにCSS変換を使用できますか?Safariで画像をページの幅の100%に拡大するにはどうすればよいですか?
おかげ
マイク
大きな画像をユーザーの画面の幅まで縮小したいと思います。私は幅を設定したくありません:それは画像を歪めるので100%。これにCSS変換を使用できますか?Safariで画像をページの幅の100%に拡大するにはどうすればよいですか?
おかげ
マイク
max-width:100%を試しましたか?
答えはイエス、理論的には、あります。ただし、現在のところCSS変換はW3C working draftであり、広くサポートされていません。 Webkit開発者は夜間Safariのビルドにさまざまな-webkit-transform
オプションを追加し始め、Firefox 3.5ではちょうど-moz-transform
のプロパティが追加されました。ちょうど楽しみのために、私はStack Overflowロゴの-moz-transform: scale(0.5)
をテストしましたが、それはFF3.5で機能しましたが、HTMLプロパティまたはCSSを使用して特定の幅と高さにコンテンツを強制した場合と同じです。
グラフィックスプログラムやライブラリに見られるようなキュービック補間アルゴリズムを使用して最適なスケーリングが一般的に行われるため、HTML/CSSでスケーリングするのではなく、イメージのサイズを保存するのが一般的です。 PHPなどのサーバー側言語を使用している場合は、必要なサイズのパラメータを含むHTTPリクエストを使用してマスターイメージを取得し、GDライブラリ(または同様のもの)を使用して、それを返す。
これは私が甘い見えるように画像を取得するために書いたjavascriptのソリューションMooToolsのです。それはあなたが行っているかどうかは分かりません。