HTMLでウィンドウサイズをブロックする方法

著者: Laura McKinney
作成日: 7 4月 2021
更新日: 15 5月 2024
Anonim
JavaScriptを使ってHTMLのカスタムデータ属性を操作する方法
ビデオ: JavaScriptを使ってHTMLのカスタムデータ属性を操作する方法

コンテンツ

Webページを作成するときには、単純なHTMLコードを使用してブラウザウィンドウのサイズを固定できます。これは、審美的な理由でユーザーにページをスクロールさせたくない場合に便利です。この場合、すべての画像とテキストがブラウザウィンドウ内で同時にページに表示されます。ウィンドウサイズを固定することは、ページのさらに下に表示される可能性のあるいくつかの要素を表示するユーザーの能力を制限する方法でもあります。


説明書

HTMLのブロックサイズ (Fotolia.comからのFXベルリンによるインターネットサイトの画像)

    説明書

  1. CSSで "position:fixed"を使ってウィンドウサイズを固定するようにしてください。最初に "type =" text / css ">"をタグ ""にタイプしてください(まだ存在しない場合)次の行に "body {"と入力し、次に "position:fixed;"と入力します。その後、 "}"記号でコードを閉じます。 「」と入力します「スタイルタグを閉じるには。InternetExplorerなどの一部のブラウザでは、ウィンドウサイズをロックするために、「position:fixed」の後の次の行に「bottom:0;」を追加する必要があります。コードを入力するとここに表示されます。

  2. 別の方法として、最初の手順で説明したように、 "position:fixed"の代わりに "overflow:hidden"属性を使用します。 overflow属性を使用すると、ページまたは要素の一部を非表示にして、HTMLドキュメントの本文全体に適用すると、ロックされたウィンドウの外観を作成できます。

  3. ウィンドウのサイズをブロックするもう1つのオプションとして、 "scroll = no"属性(引用符なし)を "body"タグに追加します。例えば、スクロールせずに黒い背景が欲しい場合、最終的なコードは "bgcolor = black scroll = no>"となるでしょう。本文部分にあなたのテキストと画像を入力し、それを ""タグで閉じます。これにより、ユーザーはWebページの本文をスクロールできなくなります。繰り返しますが、コードを書くときは引用符を付けないでください。