HTMLページが異なる解像度で台無し

-2

が試み修正

html { 
    max-width:100%; 
    max-height:200%; 
    min-height:200%; 
    min-width:100%; 
} 
head { 
} 
body { 
    max-width:100% 
    max-height:200%; 
    min-height:200%; 
    min-width:100%; 
    margin:0%; 
} 
.column { 
    max-height:200% 
    min-height:200%; 
    width:100%; 
    height:200%; 
    background-color: rgba(0,0,0,.6); 
    margin: auto; 
    text-align: center; 
    top:400px; 
    position:absolute; 
}

他のもの

.bottom { 
    position:absolute; 
    top:1750px; 
    left:40%; 
    width:20% 
} 
.button { 
    -webkit-appearance: button; 
    -moz-appearance: button; 
    appearance: button; 

    text-decoration: none; 
    color: initial; 
} 
.frame { 
    width:98%; 
    height:20%; 
}

タイトル

.title { 
    position:absolute; 
    top:100px; 
    left:49%; 
} 
.subtitle { 
    position:absolute; 
    top:150px; 
    left:47%; 
}

HTML：

あなたは、私は学校のクラスのウェブサイトを構築しています見ることができるように

     <font face="Arial" size="4"> 
          <a href="./studentlist.html" class="button">‌‌‌‌|Student List|‌‌‌‌‌‌</a> 
         </font> 
        </div> 
        Latest News At Kallista: 
        <iframe src="" class="frame"> 
        </iframe> 
        (write anything important here) 
       </font> 
      </center> 
     </div> 
    </body> 
</html>

をテキストにあまりにも多くのコードに文句

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="./index.css"> 
     <title>5/6P History</title> 
     <img src="./assets/background.jpg" style="width:100%; height:100%; position:fixed; z-index:-3;"> 
     </head> 
    </head> 
    <body> 
     <font size="+6" face="Arial" color="white" class="title">5/6P</font> 
     <font size="+1" color="white" class="subtitle">A Sub-Website Of K.P.S</font>

メイン

 <div class="column"> 
      <center> 
      <p> 
       <font size="+10">Kallista Primary School</font> 
      </p> 
      <form action="http://kallista.global2.vic.edu.au/"> 
       <input type="submit" value="Visit School Website" /> 
      </form> 
      <p> 
       <img src="./assets/image1.jpg" style="width:40%; height:7%;"> 
      </p> 
       <font face="Arial" size="+2%" color="">

テキスト

    <p> 
         5/6P is a class in Kallista Primary School. 
        </p> 
        <div class="bottom">

停止。しかし、私の問題は、高さを1080pより低く変更すると、黒い背景が下に伸びないということです。

この問題を解決する方法はありますか？

出典

2017-08-28 Critchy1

@KIKOSoftware何ですか？ – Critchy1

あなたのHTMLの多くは時代遅れです。例えば、「

」、「」、あなたが使っている属性です。 – Rob

HTMLページが異なる解像度で台無し

答えて

関連する問題