IE6のmin-widthとmin-heightと互換性を持たせる簡単な方法

IE6のmin-widthとmin-heightと互換性を持たせる簡単な方法

ウェブサイトがワイドスクリーンの場合、ブラウザ ウィンドウを左右にドラッグすると、ウェブサイトの幅がウィンドウのサイズに合わせて変化します。ブラウザ ウィンドウの幅が一定量まで縮小されると、下にスクロール バーが表示され、ウェブサイトの幅はそれ以上縮小されなくなります。この単純な機能は CSS min-width を使用して簡単に実現できることはわかっていますが、残念ながら、多くのユーザーの IE6 はこの非常に便利な属性をサポートしていません。どうすればよいでしょうか。ウェブ ページを設計するときに次の CSS ステートメントを追加することで、この問題を解決できます。

方法1:

CSSコードコンテンツをクリップボードにコピー
  1. 高さ:自動!重要;
  2. 高さ: 580px ;
  3. 最小高さ: 580px ;

最小幅を必要とする div に上記の 3 行のコードを追加するだけです。原則は、IE6 自体の BUG を使用することです (ブロックレベル要素内のコンテンツがこのブロックレベル要素の高さを超えると、ブロックレベル要素の高さが引き伸ばされます。つまり、IE6 自体の height 属性は min-height に相当します)。

方法2:

CSSコードコンテンツをクリップボードにコピー
  1. 最小高さ: 200px ;
  2. _高さ: 200px ;

方法3:

CSSコードコンテンツをクリップボードにコピー
  1. #最小幅{
  2.     最小幅: 900px ;
  3. _width:式((document.documentElement.clientWidth||document.body.clientWidth)<900? "900px" : "" );
  4.     行の高さ: 200px ;
  5.     背景: #ccc ;
  6. }

方法4:

CSSコードコンテンツをクリップボードにコピー
  1. #mページ{
  2.     :100%;
  3.     最小幅: 980px ;
  4.     位置:相対的;
  5. _width: 式(((document.compatMode && document.compatMode== 'CSS1Compat' )? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto' );
  6. }

上記の 4 つの方法のいずれも、IE6 が min-width 属性をサポートしていない問題を解決できます。このサイトでは 4 番目の方法を使用します。

IE6 に対応した min-width と min-height の上記簡単な方法は、エディターが皆さんと共有する内容のすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  SQLデータベースの14の事例の紹介

>>:  CSS3 クリックボタン円形進行ティック効果実装コード

推薦する

MySQLの分離レベルとロックメカニズムの詳細な説明

目次簡単な説明: 1. 取引の4つの特徴2. 複数の同時トランザクションによって発生する問題3. ト...

MySQL ifnull のネスト使用手順

MySQL ifnull のネストされた使用ifnull をネストする方法があるかどうかオンラインで...

CSS3を使用してフォントカラーグラデーションを実装する

Animation.css を使うと公式サイトのフォントがだんだんと変わっていくのが分かりました。c...

Dockerデータボリューム操作の実装

データボリュームの使用開始先ほどのケースでは、ホストからコンテナにデータをコピーする必要がある場合、...

数千万件のレコードをMySQLに素早く挿入する方法に関する実践的なチュートリアル

1. データベースを作成する 2. テーブルを作成する1. deptテーブルを作成する テーブル「d...

Linux ファイアウォール設定の詳細な手順 (yum ウェアハウス設定に基づく)

序文この実験では、デバッグ用に2つの仮想マシン(CentOs6とRed Hat 6)を準備します。 ...

スクロールバーのスタイルを設定するための CSS サンプルコード

スクロール バーのスタイルを設定するための CSS 実装コードは次のとおりです。 •::-webki...

PDO を使用して SQL インジェクションを防ぐ原理の分析

序文この記事では、SQL インジェクションを回避するために pdo の前処理メソッドを使用します。詳...

MySQLがブール型を返すいくつかの状況について簡単に説明します。

mysqlはブール型を返します最初のケースでは、直接戻ります select id='22a...

基本構造、ドキュメント タイプ、ヘッダー、本文などの一般的な HTML 要素の概要。

1. 基本構造:コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBL...

MySQLは現在の日付と時刻を取得する関数

現在の日付 + 時刻 (日付 + 時刻) を取得する関数: now() mysql> now(...

VMware ESXi CLI の一般的なコマンドを調べる

目次【共通コマンド】 [一般的な esxi コマンドの概要] [esxcli コマンドの調査] ES...

Oracle VM VirtualBox の CentOS7 オペレーティング システムのインストール チュートリアル図

目次インストール手順環境設定実行構成インストール手順ダウンロードアドレス: バージョン6.0 最初に...

Tomcat サーバーが tomcat7w.exe を開けない場合の解決策

今日、Tomcat サーバーの設定時にちょっとした問題が発生したので、参考までにいくつかご説明したい...

知っておくべき JS 配列削減の高度な使い方 25 選

序文Reduce は ES5 で追加された新しい従来の配列メソッドの 1 つです。forEach、f...