html - 全屏文章

Question

我正在制作一个移动应用程序。文章只放了一个auto margin weight 和leaves the same height of the words。

我的图片也没有全屏显示。当您在智能手机或计算机上打开它时，我还需要它自动更改。我找不到我做错了什么？

一切都站在同一张 map 上， map 上的所有单词都是正确的。

<!DOCTYPE css> 

#top {
font-family: "Century Gothic", arial; 
font-size: 12pt;

margin: 0; 
padding: 0; 
overflow: auto;

background-color: black;
}

article {
opacity: 0.9;

border: 1px solid black;

background-image: url("slide.jpg"); 
background-repeat: no-repeat;
background-size: auto;

margin-top: 1em; 
margin-bottom: 1em;

padding-left: 0.5em; 
padding-right: 0.5em; 
padding-top: 7%; 
padding-bottom: 30em;
color: black; 


margin: auto; 
}

<article id = "Staande" class = "staande_houding">
              <!---  <img src = "hoi.jpg" id = "hoi" /> -->
        <h1> Staande houding </h1>
        <div class = "beschrijving" id = "Loodlijn"> <h3> Loodlijn </h3>

De patiënt staat .... voor of achter de optimale loodlijn. Er is een .... asymmetrie tussen de    twee zijden van het lichaam en er is een .... disbalans tussen de agonisten en antagonisten van de voor- en of achterzijde van het lichaam

<br/>
<br/>
Score:
<br/> 0-1   Erg duidelijk
<br/> 2-3   Duidelijk 
<br/> 4-5   Licht
<br/> 6-7   Optimale loodlijn, symmetrie van beide zijde van het lichaam, balans agonisten antagonisten van de voor en achterzijde van het lichaam. 
</div>
        <div class = "panel" id = "panel_loodlijn"> De patiënt staat in optimale loodlijn.  Bij het staan met goed opgebouwd lichaam nemen lichaamsdelen t.o.v. het mediane vlak een symmetrische positie in.Het lichaamsgewicht is gelijk over beide voeten verdeeld, de lengteassen van de voeten zijn een hoek van ongeveer honderdvijftig °.De benen zijn licht gestrekt op een afstand tussen beide 
        heupgewrichten. De knieën zijn nagenoeg gestrekt. Het bekken staat in de middenstand En de heupgewrichten zijn gestrekt. De normale fysiologische krommingen zijn behouden. De normale curves van de wervelkolom zijn een bocht convex naar voren cervicaal, convex naar achteren thoracaal en convex naar voren lumbaal.
        </div>

        <form>
          <input type = "radio" name = "staande_houding_globaal" value="0">
          0 </input>
          <input type = "radio" name = "staande_houding_globaal" value="1">
          1 </input>
          <input type = "radio" name = "staande_houding_globaal" value="2">
          2 </input>
          <input type = "radio" name = "staande_houding_globaal" value="3">
          3 </input>
          <input type = "radio" name = "staande_houding_globaal" value="4">
          4 </input>
          <input type = "radio" name = "staande_houding_globaal" value="5">
          5 </input>
          <input type = "radio" name = "staande_houding_globaal" value="6">
          6 </input>
          <input type = "radio" name = "staande_houding_globaal" value="7">
          7 </input>
          <input type="button" value="Volgende" onClick="history.forward()" class = "volgende" />
        </form>
        </article>

        <article id = "Staande1" class = "staande_houding">
        <h1> Staande houding </h1>
        <div class = "beschrijving" id = "Positie_van_de_enkel"> <h3>Positie van de enkel </h3>

De positie van de enkel staat .... in varus of valgusstand, of heeft een .... vergrote of verkleinde flexiehoek van 10 graden.
<br/>
<br/>
Score:
<br/> 0-1   Erg duidelijk
<br/> 2-3   Duidelijk
<br/> 4-5   Lichte, licht
<br/> 6-7   Optimaal zoals beschreven en geïllustreerd
        </div>
            <div class = "panel" id = "panel_enkelpositie"> De hielen staan ongeveer 7 à 8 cm van elkaar en de voorvoet is ongeveer 8-10° geabdiceerd t.o.v. de middellijn aan beide zijden, waardoor de totale obductie ongeveer 16-20° bedraagt. De referentielijn loopt bij de enkel iets voor de laterale malleolus en nog. Door de apex van de boog die lateraal aangegeven wordt door de art. calcanocuboidea. De dorsaalflexie van de enkel is normaal ongeveer 10° als de knie gestrekt is. </div>

        <form>
          <input type = "radio" name = "staande_houding_globaal_1" value="1">
          0 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="1">
          1 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="2">
          2 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="3">
          3 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="4">
          4 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="5">
          5 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="6">
          6 </input>
          <input type = "radio" name = "staande_houding_globaal_1" value="7">
          7</input>
          <input type="button" value="Volgende" onClick="history.forward()" class = "volgende" />
        </form>
        </article>

Answer 1

我不确定这篇文章在什么样的容器中，但对于普通的 HTML，您还需要将 margin 和 padding 设置为 0 用于 html 和 body。