CSS における zoom:1 属性の定義と機能

CSS における zoom:1 属性の定義と機能

今日、CSS の zoom 属性は何のために使用されるのかと尋ねられました。この属性は、フローティングをクリアして haslayout をトリガーするために使用されることは知っています。しかし、具体的な定義がよくわからなかったので、ズームプロパティに関する情報をBaiduで検索してまとめました。

CSS ズームプロパティ

zoom: オブジェクトのズーム比を設定または取得し、IE ブラウザの haslayout プロパティをトリガーし、フローティングやマージンの重なりなどのいくつかの問題を解決します。

文法:

ズーム:通常

パラメータ:

normal: オブジェクトの実際のサイズを使用します(デフォルト値)
数値: 数値を使用してスケーリング比率を定義します。負の数値は使用できません。

例:

ズーム:5

パーセンテージ: パーセンテージを使用してスケーリング比率を定義します。負の数値は使用できません。

例:

ズーム:200%

ズームは IE ブラウザの特別なプロパティです。Firefox や Google などの他のブラウザではサポートされておらず、W3C 標準にも準拠していません。ただし、このプロパティは現在標準化され始めており、CSS3 ドラフトにも登場しています。

加えて:

CSS の zoom 属性を使用すると、Web ページで IE7 のズームインおよびズームアウト機能を実装できるようになります。

たとえば、Web ページを元のサイズの半分にしたい場合は、次のようにstyle="zoom:0.5",を追加します。

プログラムコード

<body style="zoom:0.5">

要約する

上記は、エディターが紹介した CSS の zoom:1 属性の定義と機能です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。
この記事が役に立ったと思われた方は、ぜひ転載していただき、出典を明記してください。ありがとうございます!

<<:  Mysql関数呼び出しの最適化の詳細な説明

>>:  sbinディレクトリを生成せずにNginxをインストールするソリューション

推薦する

v-html レンダリング コンポーネントの問題

以前 HTML を解析したことがあるので、今日は Vue ドラッグ アンド ドロップを使用して、Ku...

Javascript で関数のカリー化とデカリー化を実装する方法

関数のカリー化(黒い疑問符の顔)? ? ?カレー(黒い疑問符の顔)? ? ?これは完璧な中国語翻訳で...

HTML の基本 - ハイパーリンク スタイルを設定する簡単な例

*** ハイパーリンクのスタイル設定の例a:link クリックされる前のハイパーリンクの状態a:vi...

MongoDBのパフォーマンスを向上させる方法

MongoDB は高性能なデータベースですが、使用していくうちにパフォーマンスの問題が発生することが...

Zabbix を使用して Oracle データベースを監視する方法の詳細な説明

1. 概要Zabbix は非常に強力で、最も広く使用されているオープンソースの監視ソフトウェアです。...

Reactの状態管理の3つのルールのまとめ

目次序文No.1 焦点No.2 複雑な状態ロジックの抽出No.3 複数状態操作の抽出要約する序文Re...

Dockerコンテナの自動終了を停止する方法の詳細な説明

この記事では、Docker コンテナとフロントエンド プロセスの関係と、コンテナを永続的に実行できる...

ビジネス HTML メール作成に関する提案

許可ベースの電子メール マーケティングにより、マーケティングとプロモーションのコストを大幅に削減でき...

Canonical が Flutter で Linux デスクトップ アプリを有効化 (推奨)

Google の Flutter の目標は、どのプラットフォームを使用していても、ネイティブの速度...

VUE+Canvasは、インゴットを受け取る富の神のゲームを実装します

前回のキャンバス ゲーム シリーズへようこそ: 《VUEがFlappy Birdを実装しました〜〜〜...

MySQL 5.7 スレーブノードからマルチスレッド マスター スレーブ レプリケーションを構成する方法の詳細な説明

序文MySQL は MySQL 5.6 からマルチスレッド レプリケーションをサポートしていますが、...

WeChatミニプログラムにナビゲーション機能を実装する方法

1. レンダリング2. 操作手順1. テンセントマップキーを申請する - 住所2. ミニプログラムの...

インデックスを設計する際の原則は何ですか? インデックスの障害を回避するにはどうすればよいでしょうか?

目次主キーインデックス頻繁にクエリされるフィールドのインデックスを作成する大きなフィールドのインデッ...

インストールされていないバージョンの MySQL を使用する手順とパスワードを忘れた場合の解決策

最初のステップは、圧縮されたパッケージを対応するディスクに解凍することです。 2 番目の手順は、cm...

Dockerパッケージイメージの実装と構成の変更

最近、Docker の学習や実際の運用で多くの問題に遭遇したので、それを記録するためにブログを書きま...