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をインストールするソリューション

推薦する

ECMAScript の演算子を理解するための記事

目次単項演算子ブール演算子乗算演算子加法演算子関係演算子等価演算子条件演算子代入演算子カンマ演算子要...

HTMLの基本構文は、HTMLを学び始めたばかりの人にとって便利です。

1.1 一般的なマーキング一般的なタグは開始タグと終了タグで構成されます。構文は次のとおりです: ...

CentOS 6 ZLMediaKit のコンパイルとインストール分析

Centos6にZLMediaKitをインストールするZLMediaKit の作者は Ubuntu ...

cmd と python での MySQL の一般的な操作についての簡単な説明

環境設定1: MySQLをインストールし、MySQLのbinディレクトリを環境変数に追加する環境設定...

HTML 文法百科事典_HTML 言語文法百科事典 (必読)

ボリュームラベル、プロパティ名、説明002 <! - - ... - -> コメント00...

MySQL ジョイントテーブル更新デー​​タの詳細な例

1.MySQL UPDATE JOIN構文MySQL では、UPDATE ステートメントでJOIN句...

インターフェース設計の10の一般的なルール

<br />これは私がずっと前に集めた記事です。皆さんの参考のために共有したいと思います...

データ構造 - ツリー (III): 多方向検索ツリー B ツリー、B+ ツリー

多方向探索ツリー完全二分木の高さ: O(log2N)、ここで2は対数完全なM方向探索木の高さ: O(...

CSS3 box-shadow プロパティの詳細な例

CSS3 - 影の追加(ボックスシャドウの使用) CSS3 - div またはテキストに影を追加する...

HTMLフローティングプロンプトボックス機能の実装コード

一般的なフォーム プロンプトは常にフォームのスペースを占有し、フォームが長くなったり広くなったりして...

CSS3 で高さと幅を不定にして垂直と水平に中央揃えするいくつかの方法

1. フレックスレイアウト 。父親 { ディスプレイ: フレックス; コンテンツの中央揃え: 中央;...

Next.js 入門チュートリアル

目次導入Next.jsプロジェクトを作成するNext.js プロジェクトを手動で作成するcreact...

LinuxでIPアドレスが表示されない問題の解決方法

目次序文解決:ステップ1ステップ2序文環境: VMware Workstation 上に Linux...

シンプルな CSS テキストアニメーション効果

成果を達成する 実装コードhtml <div id=コンテナ> いらっしゃいませ <...

Navicat を仮想マシン MySQL に接続する際によくあるエラーと解決策

質問1 解決するサービスを開始します: service mysqld start; /sbin/ip...