コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

jquery は、ie_jquery で画像のスケーリングと最大幅の互換性のないソリューションを実装します

WBOY
リリース： 2016-05-16 17:39:39
オリジナル
1658 人が閲覧しました

前回、ネイティブ JavaScript を使用して画像の均等なスケーリングを実現しました、max-width と max-height は ie6 では互換性がありませんでした。今日は、jQuery を使用してこれらの問題を実装しました

コードの jQuery 部分。

コードをコピー コードは次のとおりです:

>css 部分コード:



コードをコピー
コードは次のとおりです: <スタイル タイプ="text/css"> ; body{ マージン:0; }
.box{ width:700px; margin:0 auto;}
.imgBox{ 背景:#CCCCCC;*表示: テーブルセル; 幅: 10px; * 行の高さ: 400px; }
ボーダー:0 なし; 最大幅:400px; 垂直整列:中間; }


HTML コード:



コードをコピーします
コードは次のとおりです。
画像の拡大縮小
関連ラベル：
比例缩放 max-width
ソース：php.cn
前の記事：jquery_jquery で $(#form).submit() を使用して送信フォームを書き換える無効な理由の分析と解決策 次の記事：スクロールバーに続いてブログサイドバーモジュールをスライドさせる固定効果の実装方法(js jquery等)_javascriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
React Three Fiber: スクロール イベントが遅れるのはなぜですか? ReactThreeFiber には、カメラのズーム全体にわたって保持したいスプライトを生成する React コンポーネントがあります。アルゴリズムは機能しているようですが (サイ...
から 2024-04-06 13:39:24
0
1
410
PHPUnit は、オブジェクトを含む 2 つの配列を厳密に比較するために、assert equals を使用できますか? オブジェクトの配列が 2 つあります。これら 2 つの配列が等しいかどうかをテストしたいのですが、'false'!==0 などの厳密な比較を使用します。カスタムコンパレータや他のメ...
から 2024-04-05 13:35:37
0
1
1382
Chart.zoom() を呼び出した後に X 軸を解放する: ステップバイステップのガイド スクロール戦略を setScrollStrategy(AxisScrollStrategies.progressive) に設定すると、データが非常に速く受信されるため、読み込まれ...
から 2024-04-04 23:40:56
0
1
1339
Laravel のブートストラップ モードで AWS PDF ファイルを表示する https://xxx-xx-dev.s3.ap-south-1.amazonaws.com/std_check/6557122022151745398XtquBSY.pdf のよ...
から 2024-04-04 22:16:18
0
1
1450
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート