2017-11-09 13 views
0

を使用してください!DOCTYPE htmlは、高さが120%である私のウェブサイトの最初のセクションを縮小します。 HTMLとボディの高さを100%にするようなスタックオーバーフローのソリューションはすべて試しましたが、何も機能しませんでした。<!DOCTYPE html>は私のウェブサイトのコンテンツを縮小します

私はCSSの下に使用している場合、それは、私がCSSの下に使用している場合は、私がPX代わりの割合を使用している場合は、それが適切に

.first-section{ 
    height: 600px; 
} 

作品最初のセクション

.first-section{ 
    height: 120%; 
} 

を縮小それは適切に動作します。最初のセクションをパーセンテージ値で処理したい。

+0

私はリセットCSSを使うことができると思います。これは[Css Reset](https://cssreset.com/what-is-a-css-reset/)の例です –

答えて

-1

<!DOCTYPE HTML>ページの外観や動作に影響を与えてはなりません。 <!DOCTYPE HTML>は、レンダリングされるドキュメントがhtmlドキュメントであることをブラウザに伝えるだけです。

+1

false、doctypeはレンダリングに影響を与え、ブラウザーをquirksモードにします – NDM

+1

すべてのブラウザーではないにしても大部分です古いスタイルのレンダリング(別名クォークスモード)と新しいスタイルのレンダリング(標準準拠モード)があります。 DOCTYPEを設定するとモードが変わります。詳細:https://www.quirksmode.org/css/quirksmode.html –

+0

なぜページコンテンツを縮小するのですか? ** doctype **を含める場合にのみ発生します。 –

0
body{ 
    margin: 0; 
    padding: 0; 
} 
.first-section{ 
    margin: 0; 
    padding: 0; 
} 

"first-section"クラスのボディまたはdiv要素は、不要な埋め込みや余白を得ることがあります。

関連する問題